#id{} id选择器
#firstname 选择id="firstname" 的所有元素。
.class{} 类选择器
.intro 选择class="intro" 的所有元素。
element{} 标签选择器
div 选择所有div元素
*{} 通配符选择器,选择所有元素。
element element{} 层级选择器
div p 选择 <div> 元素内部的所有 <p> 元素。
element,element{} 组选择器
div,p 选择所有div元素和所有 <p> 元素。
element>element{} 子选择器
div>p 选择div元素的所有p元素。
element+element{} 兄弟选择器
div+p 选择紧接在div元素之后的所有p元素。
属性选择器
[target] 选择带有 target 属性所有元素。
[target=_blank] 选择 target="_blank" 的所有元素。伪类选择器
a:hover 鼠标悬浮时
input:focus 获取焦点时
a:link 选择所有未被访问的链接。
a:visited 选择所有已被访问的链接。
a:active 选择活动链接。
选择器优先级
id>class>标签>通配符>继承>浏览器默认