css 类包含另一个类 |angular 控制css

CSS 类包含另一个类是指在CSS中，一个类选择器的样式属性也适用于另一个类选择器的样式属性。这样做可以让大家在使用CSS时更加方便和灵活。 举个例子，假设大家有两个不同的类选择器，一个是class=”header”，另一个是class=”header-text”。大家想要让这两个选择器在样式上有所联系，可以写出下面这段代码：

.header {
background-color: blue;
border: 1px solid black;
}
.header-text {
color: white;
font-weight: bold;
}

上面的代码中，.header类选择器的样式属性包含了一个蓝色的背景和一个黑色的边框。而.header-text类选择器的样式属性包含了白色的文字和粗体的字体。 现在大家想让.header-text类选择器的样式属性同样适用于.header类选择器，大家可以使用CSS类包含另一个类的方法：

.header-text {
color: white;
font-weight: bold;
}
.header .header-text {
color: white;
font-weight: bold;
}

上面的代码中，大家使用了类似嵌套的方法，让.header类选择器“包含”了.header-text类选择器。这样一来，.header类选择器的样式属性会同时包含.header-text类选择器的样式属性，也就是说，.header类选择器的文字颜色将会变成白色，字体变成粗体。 通过CSS类包含另一个类，大家可以轻易地修改CSS样式，同时也能让代码更加简洁和易读。