CSS选择器有哪些?哪些属性可以继承?CSS优先级算法如何计算?
时间: 2024-06-07 16:09:16 浏览: 116
CSS选择器种类、优先级与匹配原理详解
CSS选择器包括元素选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器等。
CSS中可以继承的属性包括字体系列、字号、字重、颜色、行高、列表样式、文本系列、文本装饰、文本缩进、文本对齐等。
CSS优先级算法根据以下规则计算:
1. 样式表中!important声明的优先级最高,即使在后面出现也优先应用;
2. 行内样式优先级次之,即在标签内部使用style属性定义的样式;
3. ID选择器的优先级高于类选择器和标签选择器;
4. 通用选择器和子选择器的优先级较低;
5. 如果两个或多个选择器具有相同的优先级,则使用后面的选择器覆盖前面的选择器。
例如,选择器div.container .text p#intro中,div.container的优先级为0-0-1-1,.text的优先级为0-0-1-0,p#intro的优先级为0-1-0-1,因此,p#intro会覆盖前面的选择器。
阅读全文