
程序开发 H5学习之筛选器、空标签选择器、属性选择器
* 所有标签 标签名称 所有同名的标签 #id 指定此id的标签 .className 含有此className的元素 A B 后代选择器 A>B 子代选择器 :nth-child(n) 第n个标签 支持 2n+1 3n+2 等公式 支持负值? :nth-of-type(n) 第n个同类标签 冒号前需加上标签名 :nth-last-child(n) :nth-last-of-type(n) :first-letter 首字选择器 :last-child 最后一个子标签 :only-child 只有一个子标签 :only-of-type 类型只有一个 ~ 后面所有的同级标签 + 相邻选择器 后面一个 , 同时定义多个样式 选择某个标签前面的技巧 :not(selector) 选择器匹配非指定元素/选择器的每个元素 :nth-of-type(-n+4) :nth-child(-n+3) 筛选器: html: <body> <header> <section>1</section> <section>2</section> <section>3</section> <section>4</section> <section>5</section> <section>6</section> <section>7</section> <section>8</section> <section>9</section> 页头 <!--<h1>h1</h1> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6>--> </header> <p>ppp</p> <p>cccc</p> <section>section</section> </body> css: body{ background-color: #333; color: white; } /* *页面上的所有元素*/ /*header>*:nth-child(2n+1){ color: yellow; }*/ /*section:nth-child(2n+1){ color: red; } section:last-child{ color: yellow; }*/ header~p{ color: blue; } /*header>section:nth-child(-n+2){ color: salmon; }*/ section:not(:nth-last-of-type(3)){ color: rebeccapurple; } 空标签选择器: html: <body> <span>古人云</span> <span></span> <span>gurenyun</span> <div></div> <div>古人云</div> </body> css: :empty:before{ content: '可以放上任意文字' ',在加一些文字'; } span>:empty:before{ content: '完了'; } span>:empty:after{
最新评论
保标招标
博客很棒 欢迎博主回访我
评:深度系统更新(2020.11.13)Caid Blog
可否申请与贵站为友链, 网站名称:Caid Blog 网站地址:https://www.caidhome.cn 等贵站同意后第一时间添加贵站链接。
评:留言崔先森
邮箱复制回复连接,打开404呢! 另外昨晚升级到2.9发图问题依旧就还换成2.6发现字体不对,自己研究了一会发现原来一直用的2.7有重新本地安装的,唉,默默的用吧顺带解决了窗口黑边框的问题,之前看的处理,还是tg好用实话虽然没啥好友但是放个视频资料啥的全当网盘里比百度网盘强多了 https://cuizhe.me/202007/972.cz
评:deepin更新最新版微信,如不能发图片回退方法崔先森
哈哈,搜索这个问题居然看到你博客了。现在最新版的还是无法解决这个问题吗?我在2.6的版本徘徊好久了。。。。
评:deepin更新最新版微信,如不能发图片回退方法Holyrisk
还有这个操作?
评:推广网站轩陌
主题更新了一下,你的评论问题应该也解决了,有需要可以看下
评:留言崔先森
还是想试试UOS,因为看广告发现哪个语音助手可以完几分钟。。。。。
评:deepin v20 Beta 安装uos浏览器挖站否
网站速度很快
评:2019款凌派舒适版加装免游丝版多功能方向盘阿凯
能不能出个视频教程啊,新手上路不太懂。
评:滴滴云安装宝塔Linux面板教程崔先森
没啥感觉~
评:360安全浏览器 V10.4.1001.0