父子兄弟
a > b b必须是a的子元素
a + b b必须紧跟在其同胞标签a的后面
a ~ b b必须跟(不一定紧跟)在其同胞标签a的后面
* 有个非常有意思的用法,即非子选择符
a * b 任何是a孙子元素,而非子元素的b标签都会被选中
在HTML5中,属性值的引号可加可不加
UI伪类
链接伪类
如果不按照这里列出的顺序使用它们,浏览器可能不会显示预期结果,建议大家可以这a::link
a::visited
a::hover
a::active
么想:“LoVe? HA! ”
target伪类
e::target 如果用户点击一个指向页面中其他元素的链接,则那个元素就是目标(target),可以
用::target 伪类选中它。维基百科在其引证中大量使用了:target 伪类
结构化伪类
::first-child
::last-child
::nth-child(n) 最常用于提高表格的可读性
伪元素
::first-letter 用例 This
::first-line
::before
::after
可用于在特定元素前面或后面添加特殊内容
eg. <p class="age">25</p>
p.age::before {content:"Age: ";}
p.age::after {content:" years.";}
result: Age: 25 years.