nth-child | 易学教程

分享几套不一样的博客园皮肤？

阅读更多关于分享几套不一样的博客园皮肤？

产生博客园第三方主题数不胜数，或者你肯定也为你的博客园作了一些优化。接下来无论如何你都可以将你已经存在的代码稍作修改（无非就是建一个文件夹，修改一下文件名）加入这个仓库，安装过的人都可以互相共享主题样式。ok，先放个效果GIF，如果有兴趣请往下看吧，笔芯。当然还可以切换更多全局主题，它在不断扩充！介绍 awesCnb 是多套主题的合集，可以快速切换多套主题，安装（所谓安装就是几次复制粘贴）后，只需要在博客园设置页面更改 name 的值就能直接切换整套主题。风格变化莫测（因为你可以快速切换多套主题）根据配置加载（没有使用的插件不会加载）安装后静静享受更新兼容性强（通过 gulp 自动处理 js css）访问快速（代码部署在码云而不是 GitHub，你看我的博客导航栏有个大大的 GitHub 链接，其实点击去是 Gitee码云）易于安装大量的可选配置都是废话我不啰嗦了安装这个过程看起来很长，其实只是简单的复制粘贴，我写的足够详细每个人都能够安装它，哪怕你刚刚注册博客园！你的博客首页 -> 管理 -> 设置设置博客默认皮肤为 Custom 复制如下 css 粘贴到页面定制 css :root{--sk-size:60px;--sk-color:#ffb3cc} #home{display:none} #loading{position:fixed

css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类

阅读更多关于 css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类

后代选择器祖先元素后代元素{ } 子元素选择器（直接子元素选择器）父元素>子元素{ } 兄弟选择器元素+兄弟元素（紧邻该元素之后的下一个兄弟元素）所有兄弟元素选择器元素~兄弟元素（该元素之后的所有兄弟元素） <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div+article{color:red;} </style> </head> <body> <div>这是div</div> <article>这是article</article> <article>这是article</article> </body> </html> <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div~article{color:red;} </style> </head> <body> <div>这是div</div> <article>这是article</article> <article

参数测试

阅读更多关于参数测试

HTML5 第一天一、什么是 HTML5 HTML5 的概念与定义定义： HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、 CSS3 、 javascript , 这也是广义上的 HTML5 HTML5 拓展了哪些内容语义化标签本地存储兼容特性 2D 、 3D 动画、过渡 CSS3 特性性能与集成 HTML5 的现状绝对多数新的属性，都已经被浏览器所支持，最新版本的浏览器已经开始陆续支持最新的特性，总的来说： HTML5 已经是大势所趋二、 HTML5 新增标签什么是语义化新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 section --- 块级标签 aside --- 侧边栏标签 footer --- 尾部标签使用语义化标签的注意 - 语义化标签主要针对搜索引擎 - 新标签可以使用一次或者多次 - 在 `IE9` 浏览器中，需要把语义化标签都转换为块级元素 - 语义化标签，在移动端支持比较友好， - 另外，`HTML5` 新增的了很多的语义化标签，随着课程深入，还会学习到其他的三、多媒体音频标签

jQuery选择器

阅读更多关于 jQuery选择器

. 基本css选择器选择器描述 * 匹配任何元素 E 匹配标签名称为E的所有元素 E F 匹配标签名称为F,作为E的后代节点的所有元素 E>F 匹配标签名称为F,作为E的直接子节点的所有元素 E+F 匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着) E~F 匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着) E:has(F) 匹配标签名称为E,至少有一个标签名称为F的后代节点的所有元素 E.C 匹配带有类名C的所有元素E. .C等效于*.C E#I 匹配id特性值为I的元素E. #I等效于*#I E[A] 匹配带有特性A的所有元素E(不管特性A的值是什么) E[A=V] 匹配所有元素E,其特性A的值正好是V E[A^=V] 匹配所有元素E,其特性A的值以V开头 E[A$=V] 匹配所有元素E,其特性A的值以V结尾 E[A*=V] 匹配所有元素E,其特性A的值包含V 2. 位置选择器选择器描述 :first 页面的最先的匹配.li a:first返回最先的,并且在li下的链接 :last 页面的最后的匹配.li a:last返回最后的,并且在li下的链接 :first-child 最先的子元素.li:first-child返回每个列表的最先的项 :last-child 最后的子元素.li:last-child返回每个列表的最后的项 :only-child

selenium获取微博用户粉丝数

阅读更多关于 selenium获取微博用户粉丝数

selenum的安装 selenium文档获取微博用户粉丝数 from selenium import webdriver from time import sleep wd = webdriver . Chrome ( "D:\program\chromedriver_win32\chromedriver.exe" ) wd . maximize_window ( ) wd . implicitly_wait ( 15 ) # 打开微博首页 wd . get ( "https://weibo.com/" ) # 选中搜索框，输入检索内容，点击搜搜 searchInput = wd . find_element_by_css_selector ( '#weibo_top_public > div > div > div.gn_search_v2 > input' ) searchBtn = wd . find_element_by_css_selector ( '#weibo_top_public > div > div > div.gn_search_v2 > a' ) searchInput . send_keys ( "燕十八" ) searchBtn . click ( ) # 进入新页面,设置新句柄 print ( wd . title ) ysbLink = wd .

CSS选择器和jQuery选择器的区别与联系之一

阅读更多关于 CSS选择器和jQuery选择器的区别与联系之一

到底什么是选择器？通过常接触的CSS选择器和jQuery选择器理解一下，我们知道CSS是用于分离网页的结构和表现的，也就是说对于一个网页，HTML定义网页的结构，CSS描述网页的样子，一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript,这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。我们知道，jQuery选择器和CSS选择器的写法十分类似，都具有隐式迭代的特点，无需循环遍历符合选择器要求的每个元素，使用起来相对方便，通常，把css选择器用$("")包起来就成了一个jQuery选择器，如 CSS选择器 jQuery选择器 ID选择器 #myID $("#myID") 类选择器 .myClass $(".myClass") 标签选择器 p $("p") 层次选择器 div > strong $("div>strong") css称为伪类选择器 jQuery称之为过滤选择器 p:nth-child(3) $("p:nth-child(3)") 见下面的例子，CSS为每个段落的文字设置成14px,颜色是红色，jQuery中设置文字为16px,颜色为蓝色，因为jquery设置的是DOM加载后的行为，所有的段落表现为蓝色，16px字 <

何时选用CSS何时选用DOM？

阅读更多关于何时选用CSS何时选用DOM？

用DOM方法设置样式十分灵活，可以动态创建标记，设置内嵌.style样式（驼峰命名）或者说直接改变一个class属性。而CSS样式丰富多彩，引入许多选择器first-child, last-child，nth-child（），nth-of-type（）等等，也有伪类选择器属性描述a:link a:visited a:hover a:active等等。那么什么时候用CSS设置样式，什么时候用DOM修改样式呢？在这个问题上没有放之四海皆准的答案。毫无疑问，CSS用来设置网页样式，大多时候我们都用CSS设置去创建重要样式，而用DOM去对文档做一些增强。那么什么时候去选用DOM方法修改而不是CSS呢？下面我们将从一些适应范围来分析这个问题： 1.根据元素在节点树中的位置来设置样式我们来看这样一组标记： < h1 > What is the Document Subject Model? </ h1 > < p > The < abbr title = " World Wide Web Consortium " > W3C </ abbr > defines the < abbr title = " Document Object Model " > DOM </ abbr > as: </ p > < p > A platfrom- and language-neutral

纯CSS实现枫叶下落

阅读更多关于纯CSS实现枫叶下落

纯CSS实现枫叶下落教程地址：原文地址（YouTube） B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区以下代码为本人填写，转载请注明教程地址和本贴地址 html <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < link rel = " stylesheet " href = " css/style.css " > </ head > < body > < section > < h2 > Autumn leaves </ h2 > < div class = " set " >  < div > < img src = " img/f1.png " > </ div > < div > < img src = " img/f2.png " > </ div

乱七八糟的注意点们

阅读更多关于乱七八糟的注意点们

=========长期保存, 会忘记的============= css 1 空格 2 flex布局一行三个 3 可以选择标签 nth-child(3)选到第三个 2n是偶数 2n-1是奇数标签 qvq first-child last-child 这样大概不用单独给他们写个标签了_(:з」∠)_ nth-child(n+3) 这个表示选择列表中的标签从第3个开始到最后。 nth-child(-n+3)这个表示选择列表中的标签从0到3，即小于3的标签。 4 【v-for】会把自己的元素一起给循环掉。这也是我们不推荐写到根元素的原因…… 会出一堆好吗。然后这个:nth-child 并不是到不了而且它把根元素一起循环了它是真的只有那两个子元素所以它笨笨了遇事不急多"查看元素" 5 border 和 background 都设置了但是border会长一点? 那是不可能的 .. 除非你搞错了qwq 看你是不是其实套了两个盒子或者更白痴的是看看大的那个盒子 ctrl+F 一下它的样式说不定很早之前已经被定义了好几次了不单单是你能看到的那个 style: "....." ===================================== for item in options 写法 options: [ { value: '', label: '全部'

CSS自学笔记（3）:CSS选择器

阅读更多关于 CSS自学笔记（3）:CSS选择器

CSS中提供了非常丰富的选择器，但是由于浏览器的支持情况，很多选择器很少用到。 1.基础选择器选择器含义示例 * 通用元素选择器，匹配任何元素 * { margin:0; padding:0; } E 标签选择器，匹配所有使用E标签的元素 p { font-size:2em; } .info和E.info class选择器，匹配所有class属性中包含info的有元素 .info { background:#ff0; } p.info { background:#ff0; } #info和E#info id选择器，匹配所有id属性等于footer的元素 #info { background:#ff0; } p#info { background:#ff0; } 2.组合选择器选择器含义示例 E,F 多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔 Div,p { color:#f00; } E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔 #nav li { display:inline; } li a { font-weight:bold; } E > F 子元素选择器，匹配所有E元素的子元素F div > strong { color:#f00; } E + F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F p + p

订阅 nth-child