Question

我意识到我的问题措辞严厉。话虽如此，我不确定正确的术语来表达我的问题。我会尽我所能......

是否可以根据包含元素的类使用不同的CSS样式？

E.g。

<div class="blue">
    <a class="text">Hello</a>
</div>

<div class="red">
    <a class="text">Hello</a>
</div>

在上面的示例中，“Hello”应分别为蓝色和红色，但是它们应该从“text”类继承颜色，而不是从“red”或“blue”类继承颜色。基本上，我想要有两个“文本”类，并且使用的类取决于包含元素的类。我可以这样做吗？谢谢！

Answer 1

这样的事情：

.blue .text {
     color:#00F;
}

.red .text {
     color:#F00;
}

Fiddle

Answer 2

Joren已经回答了你原来的问题，虽然除了“.blue .text”和“.red .text”之外我还可以添加它，你也可以只用一个“.text”类来定义你想要的样式要有的颜色（即字体大小，字体系列）。

.blue .text {
   color:#00F;
}
.red .text {
   color:#F00;
}
.text {
    // whatever styles you want both the blue and red sections to have
}

关于你的下一个问题：“如果我想在每个......父课程中有多个课程，我想你可以称之为怎么办？例如，text_a text_b”....

// custom styles for "blue" subclasses
.blue .text_a {}
.blue .text_b {}
.blue .text_c {}

// custom styles for "red" subclasses
.red .text_a {}
.red .text_b {}
.red .text_c {}

// what you want each subclass to have regardless of whether they're blue or red
.text_a {}
.text_b {}
.text_c {}

这会回答你的问题吗？

根据父类使用不同的CSS？

2 个答案: