css有哪些选择器,属性可以继承的有哪些
时间: 2023-06-08 09:09:21 浏览: 70
CSS有以下几种选择器:
1. 元素选择器:通过元素名称进行选择,例如p{}
2. ID选择器:通过元素的ID属性进行选择,例如#para1{}
3. 类选择器:通过元素的class属性进行选择,例如 .intro{}
4. 属性选择器:通过元素的属性进行选择,例如a[target="_blank"]{}
5. 伪类选择器:通过元素的特殊状态进行选择,例如a:hover{}
6. 伪元素选择器:通过元素的特殊部分进行选择,例如p::first-line{}
CSS中一些属性是可以继承的,例如:
1. font-size
2. font-family
3. color
4. line-height
5. text-align
6. visibility
7. white-space
8. word-spacing
9. letter-spacing
相关问题
css 选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 important 哪个优先级高?
CSS选择符包括标签选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。
可以继承的属性包括字体、颜色、行高、文本对齐、列表样式、空白等属性。
优先级算法是根据选择器的特殊性、重要性和来源来计算的,其中特殊性最为重要。
内联样式和important都有最高优先级,但important的优先级更高。
(机器翻译,如有不准确之处请谅解)
前端问题:1、讲一下CSS继承,哪些属性可以继承,哪些不可以,有什么规则?
CSS继承是指子元素可以继承父元素的某些样式属性。以下是关于CSS继承的一些规则和属性:
1. 可以继承的属性:color, font-family, font-size, font-style, font-weight, line-height, text-align等文本属性,还有一些布局属性,比如:visibility和opacity等。
2. 不可继承的属性:background, border, margin, padding, height, width等布局属性。
3. 继承规则:一般情况下,继承是从父元素到子元素,但是有些属性可以相反地从子元素到父元素继承,比如line-height。另外,继承只会继承父元素的属性值,而不会继承父元素的属性选择器。
4. 继承的限制:继承并不是一定生效的,有些情况下子元素可能会覆盖掉继承的属性值,比如:子元素自己设置了相同属性的值,或者使用了!important标记。
5. 继承的应用:CSS继承可以减少代码量,提高代码复用率,同时也可以使网页的层次结构更加清晰。例如,可以将一些通用的样式定义在body元素上,这样子元素就可以继承这些样式,从而减少代码量。