css如何通过选择器指定页面样式

html-css018

css如何通过选择器指定页面样式,第1张

①类选择器（Class） 使用类选择器可以在不同的标签上套用相同的样式。其定义语法为： .类名称{规则1；规则2；„} 在HTML中使用类选择器的语法为： ②ID选择器（ID） ID选择器和类选择器很相似，也是用来区别套用的样式。ID选择器的定义语法为： #ID标识符{规则1；规则2；…} 在HTML中使用ID选择器的语法为： ③上下文选择器（Contextual） 为HTML中的特定上下文定制的样式，其定义语法为： 标签1 标签2{规则1；规则2；„}

CSS选择器、优先级与匹配原理

1.id 选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul <li）6.后代选择器（li a）7.通配符选择器（*）8.属性选择器（a[rel="external"]）9.伪类选择器（a:hover,li:nth-child）

其中ID选择器的效率是最高，而伪类选择器的效率则是最低

CSS的权重

1. 通配选择符的权值 0,0,0,0

2. 标签的权值为 0,0,0,1

3. 类的权值为 0,0,1,0

4. 属性选择的权值为 0,0,1,0

5. 伪类选择的权值为 0,0,1,0

6. 伪对象选择的权值为 0,0,0,1

7. ID的权值为 0,1,0,0

8. important的权值为最高 1,0,0,0

使用规则： 选择器的权值加到一起，大的优先；如果权值相同，后定义的优先 。

从上面我们可以得出两个关键的因素：

1. 权值的大小跟选择器的类型和数量有关

2. 样式的优先级跟样式的定义顺序有关