Question

在CSS文件中，如何创建具有特定id的元素也会采用其他类的规则？

例如，这是我的CSS文件：

div.big
{
    width:1000px;
    height:800px;
}

div.blue
{
    background-color:blue;
}

div#big_and_blue
{
    /* What do I put here? */
}

如果我想说id为big_and_blue的div采用类big和blue的规则，可以通过在{中引用这些类来完成{1}} id？我当然可以手动将big_and_blue和big类的内容写入blue ID，但这看起来很幼稚。

Answer 1

单靠CSS无法做到这一点。在这种情况下你需要做的是除了ID之外给你的div这些类：

<div id="big_and_blue" class="blue big">

顺便说一下，你在这里所做的事情被称为＆＃34; Object Oriented CSS＆＃34;并且可以是一种有用的技术。我根本不称它为天真。它可以是一个有用的策略，特别是在由大型团队构建的大型项目中，该团队将在一段时间内维护。 CSS不是最易于维护的文件，因此将CSS切断并很好用。有时候进入一堆可组合的课程。

另请注意＆＃39; big_and_blue＆＃39;描述对象的样式，而不是对象的样式。所以它不是一个非常实用的命名约定。我认为这是坚持OOCSS的另一个论点。

另一方面，你可以使用CSS预处理器来处理像这样的逻辑，例如SASS。也就是说，如果您需要在CSS中的单独声明中重复样式，我认为以前使用OOCSS是一种更实用的解决方案。

对其他类的规则进行id

1 个答案: