Question

这可能是一个愚蠢的问题，但在这里。

我的css文件中有3个ID，它们都有相同的代码。例如：

#ID1 {
    // some code
    width: 300px;
    height: 300px;
}    
#ID2 {
    // some code
    width: 300px;
    height: 300px;
}    
#ID3 {
    // some code
    width: 300px;
    height: 300px;
}

我的问题是：是否可以在CSS中创建一些类或ID，并在另一个CSS类或ID中调用它。例如：

#setting {
    width: 300px;
    height: 300px;
}
#ID1 {
    .setting        
    // some code
}    
#ID2 {
    .setting  
    // some code
}    
#ID3 {
    .setting  
    // some code
}

感谢。

Answer 1

您正在寻找的是LESS。阅读它here

Answer 2

您可以通过应用对其父类的引用来覆盖css，请查看以下示例：

#setting {
width: 300px;
height: 300px;
}
#ID1 .setting {
   // some code
}    
#ID2 .setting  {
   // some code
}    
#ID3 .setting  {
   // some code
}

上面的代码将分别应用ID1，ID2，ID3中的所有“setting”类标记。如果你的“设置”孩子是直接上课，那么你可以在下面作为例子：

#setting {
width: 300px;
height: 300px;
}
#ID1 > .setting {
   // some code
}    
#ID2 > .setting  {
   // some code
}    
#ID3 > .setting  {
   // some code
}

以上代码仅适用于以“设置”类命名的直接子项。

Answer 3

您可以在单个元素上使用多个CSS类。

您可以创建“通用”类并将它们应用于元素。

例如：

<div class="class1 class2">some content</div>

请记住，如果class1和class2中有一个公共属性，则class2中该属性的值将覆盖该元素的class1中的属性，最终该元素将具有class2中定义的值。

真正古老的浏览器不支持这一点，但很可能你不应该担心它们。

Answer 4

不，它在CSS中是不可能的，它与继承无关。在CSS规则中，您将所有选择器放在“{”之前，仅将声明（属性：值）放在“{”和“}”之间。

但您可以在元素上同时使用id属性和class属性，如

<div id="ID1" class="setting">...</div>

然后如果你有例如。

.setting {
    width: 300px;
    height: 300px;
}

（注意：.而不是#），这些声明适用于class=setting的所有元素，以及因其他CSS规则而可能适用的任何其他声明。

CSS继承，或类似的东西

4 个答案: