高级选择器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了高级选择器相关的知识,希望对你有一定的参考价值。

: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

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

+下一个

~只要是兄弟

以上是关于高级选择器的主要内容,如果未能解决你的问题,请参考以下文章

CSS选择器详解通用选择器和高级选择器

03-高级选择器

03-高级选择器

03-高级选择器

前端 高级选择器 伪类选择器

03-高级选择器