css 选择器 优先级

--1--

行内样式（style=“color：orange”）>ID选择器（name）>类别选择器（class）>标签选择器（p）

多个类别选择器，前者为准。(class=“purple red”)  取purple

[一般越特殊的样式（针对性越强）， 优先级越高]

 

--2--

css编写

一般只给外层标记定义class或id

内层标记通过嵌套方式，

子标记无法利用此规则时，才单独进行声明，

eg：ul li{...} 可以给某个li 单独设置id或class

 

p span {color: blue} 针对所有后代标记

p>span {color: blue} 针对子标记

 

利用继承特性 设置css

eg：ul li ul li ul li { color: green}

 

--3--

层叠：多个选择器 针对一个属性设置=》冲突的解决方案

继承：根据html结构，父到子设置css，子继承父所有样式，也可修改子本身样式（不影响父）