首页 > 代码库 > CSS彻底研究(1)

CSS彻底研究(1)

Github pages 博文

基本选择器

  1. 标记选择器
    }
  2. 类别
    ,冲突取前者
  3. ID选择器
    }

复合选择器:两个或多个选择器,通过不同的方式连接

  1. 交集 ``` h3.class_name { ... } ``` 其中第一个必须是标记选择器,第二个必须是(类别选择器)or(ID选择器),中间没有空格,必须连续书写
  2. 并集选择器aselector , bselector 也就是多个选择器
  3. 后代选择器
    div p {
    /* div 下面的p,包括所有后代*/
    }
    ```
    
    div>p`div的直接后代

CSS继承

被包含的小容器会继承包含它的大容器的风格样式

```

ABCD

h1{ color : red; text-decoration : underline; } em { color : blue; } ``` 结果如图,em 继承了 h1的下划线 结果

CSS优先级

行内样式(style=) > ID样式(#id) > class样式(.class) > 标记样式(div)

两个class冲突时,取前者