选择器笔记
2层次选择器
(1)后代选择器
选择器1 选择器2 body p
(2)子选择器
选择器1>选择器2
(3)紧邻它后面的第一个兄弟元素选择器
选择器1+选择器2
(4)后面的所有兄弟元素选择器
选择器1~选择器2
3伪结构选择器
:first-child
:last-child
:nth-child(n)
:first-of-type
:last-of-type
:nth-of-type(n)
4伪元素选择器(可以用于任何元素上,常用于超链接上)
:link 正常外观
:hover 悬停
:active 激活
:visited 访问过的
0000005属性选择器
<标签 属性名="属性值" ....></标签>
[属性名]
[属性名=属性值]
[属性名^=属性值的关键字] 以什么关键字开头
[属性名$=属性值的关键字] 以什么关键字结尾
[属性名*=属性值的关键字]
页面中的空格:
写多个半角空格,浏览器只能识别一个
解决方案:
1、全角空格
2、 代表了一个半角空格,推荐
< <
> >