Is the color property of css inherited?-CSS Tutorial-php.cn

Is the color property of css inherited?

青灯夜游

Release： 2020-11-17 16:06:21

Original

3398 people have browsed it

The css color property is inherited. Inheritance is a rule that allows styles to be applied not only to a specific html tag element, but also to its descendants; and the color attribute can be inherited. For example, using the color setting to set a certain color to the p tag, the color style applies not only to the p tag but also to its descendants. tag, also applies to all child element tags within the p tag.

Is the color property of css inherited?

#Inheritance is a rule that allows styles to be applied not only to a specific html tag element, but also to its descendants.

css color property is inherited.

For example, the following code: Set a certain color to be applied to the p tag. This color setting not only applies to the p tag, but also applies to all sub-element text in the p tag. The sub-element here is span tags and i tags.

<!DOCTYPE html>
<html>

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

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

</html>

Copy after login

Is the color property of css inherited?

Note: In CSS, generally attributes starting with text-, font-, line- can be inherited.

Example:

1. Text series attributes that can be inherited

text-indent: text indent
text-align: horizontal alignment of text
line-height: line height
word-spacing: increase or decrease the spacing between words White space (i.e. word spacing)
letter-spacing: Increase or decrease the space between characters (character spacing)
text-transform: Control Text case
direction: Specify the writing direction of the text
color: Text color

2. Inheritable font family attributes

font: combined font
font-family: specifies the font family of the element
font-weight: Set the thickness of the font
font-size: Set the size of the font
font-style : Define the style of the font
font-variant: Set the small caps font to display text, which means that all lowercase letters will be converted to uppercase, but all small caps fonts will be used The letters have a smaller font size compared to the rest of the text.
font-stretch: Stretch and transform the current font-family. Not supported by all major browsers.
font-size-adjust: Specifies an aspect value for an element so that the x-height of the preferred font is maintained.

For more programming-related knowledge, please visit: Programming Learning! !

The above is the detailed content of Is the color property of css inherited?. For more information, please follow other related articles on the PHP Chinese website!