选择器

css3选择器概览

1、基本选择器
*、E、#id、.class、selector1,selectorN

2、层次选择器

E F、E>F、E+F(相邻兄弟选择器,选择匹配的F,且F紧位于匹配的E元素后面)、E~F(后辈选择器,选择匹配的F元素,且是位于匹配的E元素后面的所有匹配的F元素)

3、动态伪类选择器

4、目标伪类选择器

5、UI元素状态伪类选择器语法

6、结构伪类选择器使用语法

注意:

(1),“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li,仅有列表ul中第3个li元素前不存在其他的元素,命题才有意义,否则不会改变列表第3个li元素的样式。
(2),:nth-child(n)  中参数只能是n,不可以用其他字母代替。
(3),:nth-child(odd) 选择的是奇数项,而使用:nth-last-child(odd) 选择的却是偶数项

 7、否定伪类选择器

8、属性选择器语法

注:例<div class="links item"></div>其中a[class="links"]{……} 是找不到匹配元素,只有a[class="links item"]{……}才匹配

9、特殊选择器
1)::selection
只能控制background和color,注意兼容问题

最近会把onenote和笔记本上的笔记,陆陆续续都搬到博客上来(but,由于格式问题看起来会有点怪),后面想到的话这边会继续补充~~~

原文地址:https://www.cnblogs.com/MelodysBlog/p/10449159.html