CSS选择器
基本选择器:
*
选择器选取所有元素。
element选择器可以设定某元素的样式。
.class:类选择器允许以一种独立于文档元素的方式来指定样式。
#id:id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式,id 属性只能在每个 HTML 文档中出现一次。
实例:
复合选择器:
交集选择器,找到指定标签间的共有部分。
并集选择器,找到所有满足的标签。
后代选择器,选择elment1元素内部的element2元素。
子元素选择器,选择element1元素中符合直接子元素的element2元素,如果元素不是父元素的直接子元素,则不会被选择。
相邻兄弟选择器,选择具有相同父元素且同级的element1相邻的element2。
通用兄弟选择器,选择具有相同父元素且同级的element1之后的element2,两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1。
伪元素选择器:
::first-line 选择器用于选取指定选择器的首行。
::first-letter 选择器用于选取指定选择器的首字母。
::before 选择器在被选元素的内容前面插入内容,使用 content 属性来指定要插入的内容。
::after 选择器在被选元素的内容后面插入内容,使用 content 属性来指定要插入的内容。
::selection 选匹配元素中被用户选中或处于高亮状态的部分。
伪类选择器:
动态伪类选择器。
UI伪类选择器。
结构伪类选择器。
其他伪类选择器。
属性选择器