这是我参与【第五届青训营】伴学笔记创作活动的第2天

在页面中使用css的方法

选择器

形象的说就像buff一样，各种各样的样式叠加就跟叠buff一样。选择器有很多种：

也叫“标签名选择器”，因为选中的是一个html标签

其中比较特殊的是通配选择器，用“*{}”表示。代表选中的是文档中的所有元素（或父元素中的所有内容），例如：移除所有元素的外边距，如图左1所示

以“.”开头，给一类的标签设置样式，也是最常用的选择器。例如：创建一个高亮的类，应用到文档的各个地方，并设置文字颜色

用“#”标识，和类选择器是同样的用法，但一片文档里一个id选择器只会用到一次。所以效果需要单一。指代的一般是特定的，会优先于大多数其他选择器。

通过属性值去设置样式，上面列举的例子的意思是：匹配标签为p，且元素是class是a的值。

靠状态区分，例如：点过的链接和没点过的链接处于两种不同的状态

根据节点在dom树中出现的位置决定是否选择这个元素

关系选择器不是单个的选择器，而是组合选择器的方法

用单个空格“ ”来组合两个选择器

用“>”来组合，只会选中直接子关系

用“+”来组合，选中恰好处于另一个同级元素旁边的物件

用“~”来组合，选中的是不相邻的同级物件