Selector 选择器

CSS 选择器
选择器示例说明
**通用选择器,选择所有元素。
elementNameelementName元素选择器,选择所有 elementName 元素
.class.name类选择器,选择 class="name" 的所有元素。
#id#myIDid 选择器,选择 id="myID" 的唯一元素。
selector1, selector2, selector3选择器分组,多个选择器应用相同的一组样式。
.class.class.name1.name2类选择器,选择 class="name1" && "name2" 的所有元素。
父selector 子selector 后代selector.father .child后代选择器,选择特定元素或元素组的后代。
父selector > 子selector.father > .child子代选择器,选择特定元素的直接子元素(并非所有后代元素)。
子selector + 子selector.child + .child相邻兄弟选择器,选择紧挨着另一个元素后的元素,并且二者具有相同的父元素。
子selector ~ 子selector.child ~ .child兄弟选择器,选择另一个元素后的元素,不限于相邻,并且二者具有相同的父元素。
子selector:first-child.child:first-child只能选取作为第一个子元素出现的 selector。
子selector:last-child.child:last-child只能选取作为最后一个子元素出现的 selector。
selector:beforediv:before在选取元素之前插入内容。
selector:afterdiv:after在选取元素之后插入内容。
:root:rootroot 选择器,选取文档中的根元素。
::first-line