16.Css的选择器有哪些?优先级是什么?哪些属性可以继承?哪些能继承?
时间: 2024-06-05 19:12:28 浏览: 247
CSS选择器有以下几种:
1. 元素选择器(Element Selector)
2. ID选择器(ID Selector)
3. 类选择器(Class Selector)
4. 属性选择器(Attribute Selector)
5. 伪类选择器(Pseudo-class Selector)
6. 伪元素选择器(Pseudo-element Selector)
7. 相邻兄弟选择器(Adjacent Sibling Selector)
8. 通用选择器(Universal Selector)
优先级是由选择器的特殊性(Specificity)来决定的,特殊性越高的选择器优先级越高。
CSS属性可以分为以下两类:
1. 可继承属性(Inherited Properties)
这些属性可以被父元素继承到子元素中,例如 font-family、font-size 等。
2. 不可继承属性(Non-inherited Properties)
这些属性不会被父元素继承,例如 border、padding 等。
需要注意的是,虽然某些属性可以被继承,但是只有部分属性会被继承到所有子元素中,例如 font-family、font-size 等;而有些属性只会被继承到某些子元素中,例如 text-align 只会被继承到文本元素中。
相关问题
CSS选择器有哪些?哪些属性可以继承?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会覆盖前面的选择器。
css 选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 important 哪个优先级高?
CSS选择符包括标签选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。
可以继承的属性包括字体、颜色、行高、文本对齐、列表样式、空白等属性。
优先级算法是根据选择器的特殊性、重要性和来源来计算的,其中特殊性最为重要。
内联样式和important都有最高优先级,但important的优先级更高。
(机器翻译,如有不准确之处请谅解)
阅读全文