码迷,mamicode.com
首页 > 其他好文 > 详细

高级选择器

时间:2017-05-14 13:51:23      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:选择   高级   img   排除   没有   ast   图片   -o   lan   

:target伪类,用于定位元素

<a href="#xxx">点击我</a>

<p id="xxx">看我看我看我</p>

p:target{

  color:red;

}

:lang

:nth-child

选中一类元素

:nth-child(an+b){}

例如

li:nth-child(3n+1){color:red}

其中,2n和2n+1可以用even和odd代替

:nth-of-type

:first-child

:last-child

:not()

排除匹配的元素

比如 img:not([alt])选择没有写alt属性的图片

伪元素

::first-letter

弟弟选择器(只能选下面的)

+下一个

~只要是兄弟

高级选择器

标签:选择   高级   img   排除   没有   ast   图片   -o   lan   

原文地址:http://www.cnblogs.com/lizhuo/p/6851974.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!