学习CSS笔记2

选择器

选择器：帮助你精准的选中想要的元素。

简单选择器

1. ID选择器
2. 元素选择器
3. 类选择器
4. 通配符选择器

选中所有元素

5. 伪类选择器（用的很多）

选中某些元素的某种状态

hover:光标悬停状态

active：激活状态，鼠标按下去的状态

link:超链接未访问时的状态

visited：超链接访问过的状态

如果四个伪类都要写的话 按照如下顺序来书写：
link、visited、hover、active 爱恨法则（love hate）

6. 伪元素选择器

生成并选中某个元素内部的第一个子元素或最后一个子元素

before

after

7. 属性选择器
   根据属性名和属性的值
   

选择器的组合

1. 后代元素 ——空格
2. 子元素—— >
3. 相邻兄弟元素 —— +
   
   
4. 兄弟元素 (后面的所有兄弟元素)—— ~

5. 并且
两个选择器不加任何东西直接写在一起

选择器的并列

多个选择器并列，用逗号分隔

层叠

声明冲突

层叠：解决声明冲突的过程（浏览器自动处理）

1.比较重要性

重要性从高到低：
1）作者样式表中的！important样式(不建议加)

作者样式表：开发者的书写样式

<style>
        a{
            color:blueviolet !important;
        }
    </style>

2）作者样式表中的普通样式
3）浏览器默认样式表

2.比较特殊性

第一步比较完后还有冲突
总体规则：看选择器，选择器选中的范围越窄，越特殊
具体规则：通过选择器计算出一个四位数（xxxx）(不考虑进位问题，不是逢十进一)

1. 千位：如果是内联样式 记1 否则为0（特殊性最高）
2. 百位：等于选择器中所有ID选择器中的数量
3. 十位：等于选择器中所有类选择器，属性选择器，伪类选择器数量
4. 个位：等于选择器中所有元素选择器，伪元素选择器的数量
   

:visited 伪类
id 选择器以 “#” 来定义。
类选择器以一个点号显示

3.比较源次序

代码书写靠后的胜出

继承

子元素会继承父元素的某些CSS属性


子元素继承了父元素的color。

通常与字体相关的可以继承，比如color、font、font-family、font-size、font-style、、font-variant、font-weight、line-heigh、text-align、text-indent、text-transform。
可以在浏览器的检查中看到哪些可以被继承

或者在MDN里面查询