css选择符

css选择器

1)类型选择符（标签选择符）

​ 能选中左右同名标签、

2) id选择器

​ 用法： 用来划分网页外围结构

​ 语法： <标签 id=“名称”> </标签>

​ #名称{ 属性：属性值}

3）类选择器（class选择器）

​ 语法：<标签 class="名称"> </标签>
​ .名称{ 属性：属性值}

4）群组选择器

​ 当有多个选择符应用相同的样式时，可以将选择符用“，”分隔的方式，合并为一组。

​ 语法：选择符1，选择符2, 选择符3{属性：属性值；}

​ 实例：.top, #nav, p{100px;}

5）包含选择符

​ 选择符1和选择符2用空格隔开，含义就是选择符1中包含的所有选择符2;

​ 语法：选择符父级 选择符子级{属性：属性值;}

​ 实例： div ul li{height:200px;}

6）伪类选择符

a：link         未访问的链接状态
			a：visited      已访问的链接状态
			a：hover        鼠标滑过链接的状态
			a：active       鼠标按下的状态

7）通配符

​ 通配选择符的写法是“”，其含义就是所有标签； 表示该样式适用所有网页元素； *
​ 语法：{属性：属性值;}*
​ 例：*{margin:0;padding:0;}

起名规范：尽量小写字母开头
                 不能出现中文及特殊字符
 		 使用字母，数字，下划线，连字符
		 不能出现关键字

选择符的权重

​ 内联样式（1000）>id选择器（100）>class选择器/伪类（10）>标签（1）>*（0） 群组选择器的权重是他本身 如果权重相同时，后写的会覆盖掉之前的

css层叠性

css层叠指的是样式的优先级，当产生冲突时以优先级高的为准。
    1，important最先执行
    2，内联样式>内部/外部
     内部样式和外部样式：看书写顺序，写在后面的会覆盖掉前面的
    3，看选择器的权重 4，开发者模式>用户模式>浏览器模式 5，当权重相同时，后写的样式会覆盖掉前面的