Css 让id接受其他类的规则

Css 让id接受其他类的规则,css,Css,在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\u和

在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\u和
的div同时具有
big
blue
这两个类的规则,那么可以通过在
big\u和
id中引用这些类来实现吗?当然,我可以手动将
big
blue
类的内容写入
big\u和\u blue
id,但这似乎相当幼稚。

单靠CSS无法做到这一点。在这种情况下,您需要做的是,除了ID之外,还为您的div提供这些类:

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

顺便说一句,您在这里基本上所做的工作被称为“”,可以是一种有用的技术。我一点也不会说它幼稚。它可能是一种有用的策略,尤其是在由大型团队构建的大型项目中,该项目将在一段时间内维护。CSS不是最容易维护的文件,所以有时候将CSS“切碎”成一堆可组合的类是很好的

还要注意的是,“big_和_blue”描述的是对象的样式,而不是对象是什么。所以这不是一个非常实用的命名约定。我认为这是坚持OOCSS的另一个理由


另一方面,您可以使用CSS预处理器来处理诸如SASS之类的逻辑。也就是说,如果您需要在CSS中的不同声明之间重复样式,我认为前面使用OOCSS是一个更实用的解决方案。

您不能单独使用CSS。在这种情况下,您需要做的是,除了ID之外,还为您的div提供这些类:

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

顺便说一句,您在这里基本上所做的工作被称为“”,可以是一种有用的技术。我一点也不会说它幼稚。它可能是一种有用的策略,尤其是在由大型团队构建的大型项目中,该项目将在一段时间内维护。CSS不是最容易维护的文件,所以有时候将CSS“切碎”成一堆可组合的类是很好的

还要注意的是,“big_和_blue”描述的是对象的样式,而不是对象是什么。所以这不是一个非常实用的命名约定。我认为这是坚持OOCSS的另一个理由


另一方面,您可以使用CSS预处理器来处理诸如SASS之类的逻辑。也就是说,如果您需要在CSS中的不同声明之间重复样式,我认为前面使用OOCSS是一个更实用的解决方案。

您不能单独使用CSS。在这种情况下,您需要做的是,除了ID之外,还为您的div提供这些类:

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

顺便说一句,您在这里基本上所做的工作被称为“”,可以是一种有用的技术。我一点也不会说它幼稚。它可能是一种有用的策略,尤其是在由大型团队构建的大型项目中,该项目将在一段时间内维护。CSS不是最容易维护的文件,所以有时候将CSS“切碎”成一堆可组合的类是很好的

还要注意的是,“big_和_blue”描述的是对象的样式,而不是对象是什么。所以这不是一个非常实用的命名约定。我认为这是坚持OOCSS的另一个理由


另一方面,您可以使用CSS预处理器来处理诸如SASS之类的逻辑。也就是说,如果您需要在CSS中的不同声明之间重复样式,我认为前面使用OOCSS是一个更实用的解决方案。

您不能单独使用CSS。在这种情况下,您需要做的是,除了ID之外,还为您的div提供这些类:

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

顺便说一句,您在这里基本上所做的工作被称为“”,可以是一种有用的技术。我一点也不会说它幼稚。它可能是一种有用的策略,尤其是在由大型团队构建的大型项目中,该项目将在一段时间内维护。CSS不是最容易维护的文件,所以有时候将CSS“切碎”成一堆可组合的类是很好的

还要注意的是,“big_和_blue”描述的是对象的样式,而不是对象是什么。所以这不是一个非常实用的命名约定。我认为这是坚持OOCSS的另一个理由


另一方面,您可以使用CSS预处理器来处理诸如SASS之类的逻辑。也就是说,如果你需要在CSS中的不同声明中重复样式,我认为前面使用OOCSS是一个更实际的解决方案。

你能不能不把你的id附加到你想让它使用的每个类上{
etccan你不能只把你的id附加到你想让它接受的每一个类
div.big、#big_和_blue{
etccan你不能只把你的id附加到你想让它接受的每一个类
div.big、#big_和_blue吗{
etcAh是的,我知道你可以在HTML中添加相关的类-我想知道是否有纯CSS解决方案,但似乎没有。谢谢!你可以添加类()吗两次通过jQuery完成同样的事情?@PainProgrammer?当然。啊,是的,我知道你可以在HTML中添加相关的类-我想知道是否有纯CSS解决方案,但似乎没有。谢谢!你可以添加类()吗两次通过jQuery完成同样的事情?@PainProgrammer?当然。啊,是的,我知道你可以在HTML中添加相关的类-我想知道是否有纯CSS解决方案,但似乎没有。谢谢!你可以添加类()吗两次完成同样的事情?@PainProgrammer通过jQuery?当然。啊,是的,我知道你可以在HTML中添加相关的类-我想知道是否有纯CSS解决方案,但似乎没有。谢谢!你能两次添加class()完成同样的事情吗?@PainProgrammer通过jQuery?当然。