css的color属性有没有继承性

发布时间：2020-11-18 11:08:56 作者：小新
来源：亿速云阅读：364

了解css的color属性有没有继承性？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

css color属性有继承性。继承性是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；而color属性可以继承，例用color设置给p标签设置某种颜色，该颜色样式不仅应用p标签，还应用于p标签中的所有子元素标签。

继承性是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。

css color属性有继承性。

比如下面代码：设置某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签和i标签。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<style>
			p {
				color: red;
			}
		</style>
	</head>

	<body>	
		<p>三年级时，我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p>
	</body>

</html>

css的color属性有没有继承性

说明： 在CSS中，一般以text-、font-、line- 开头的属性都是可以继承的。

例：

1、可以继承的文本系列属性

text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
word-spacing：增加或减少单词间的空白（即字间隔）
letter-spacing：增加或减少字符间的空白（字符间距）
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色

2、可以继承的字体系列属性

font：组合字体
font-family：规定元素的字体系列
font-weight：设置字体的粗细
font-size：设置字体的尺寸
font-style：定义字体的风格
font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust：为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

感谢各位的阅读！看完上述内容，你们对css的color属性有没有继承性大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。

css的color属性有没有继承性

相关阅读