作为程序员一定要保持良好的睡眠,才能好编程

2015年CSS的几大亮点 伪类选择

发布时间:2015-12-04

CSS 是一门不断在发展的“语音”,在这里我们介绍一下他的新特性:


伪类选择器:

:nth-child(num)   这个选择器可以指定选择哪个dom

比如: ul li:nth-child(3) 则选择的是第三个li标签,切记这个是从1开始的。


:not(.pro)  选择没有类pro 的dom元素进行操作

p:not(.pro){font-weight:bold;}  选择除.pro它之外的元素进行加粗。

如果选择多个的话,这里也可以传入 逗号 来分隔。

例如:

p:not(.pro,.list){color:blue;} 除.pro .list 这两个元素外的字体设为蓝颜色


:has(>img)  

a:has(>img)   说明一下,任意一个包含img的a元素


ol:has(>li){ border-bottom:1px solid #ccc; }