CSS彻底研究(1)

基本选择器

  1. 标记选择器h1 {...}
  2. 类别.class_name{...},两个 class 同时作用,如class = 'one two',冲突取前者
  3. ID 选择器 #id{...}

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

  1. 交集
1
h3.class_name { ... }

其中第一个必须是标记选择器,第二个必须是(类别选择器)or(ID 选择器),中间没有空格,必须连续书写

  1. 并集选择器 a_selector , b_selector
    也就是多个选择器
  2. 后代选择器
1
2
3
div p {
/* div 下面的p,包括所有后代*/
}

div>pdiv 的直接后代

CSS 继承

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

1
2
3
4
5
6
7
8
9
<h1><em>AB</em>CD</h1>

h1{
color : red;
text-decoration : underline;
}
em {
color : blue;
}

结果如图,em 继承了 h1 的下划线
结果

CSS 优先级

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

两个 class 冲突时, 在 css 中后出现的覆盖前面的.