Question

这可以为CSS制作数组吗？

    <style>
    #info1, #info2, #info3, #info4 {
    display: none;
    }
    </style>

假设我有20个隐藏的div，由id =“info1”，id =“info2”识别20次。但我不想在我的样式中声明＃info1，＃info2，...＃info20。这可以通过数组或其他方法完成。

Answer 1

嗯，可以选择使用属性选择器：

[id^="info"] { /* gets all elements where id starting with info */
    display: none;
}

Demo!

您可以找到有关属性选择器here的更多信息。

Answer 2

正确的方法是为这些div添加一个类

.noshow{
  display: none;
}

如果不可能，你可以做@asku在答案中所说的话

Answer 3

@Emilio Gort所说的是对多个元素制定规则的正确方法。

#Parent>.noshow{
    display:none;
}

您可以使用javascript切换课程以显示或隐藏某些元素。

但是如果你想对你部分知道名字的元素应用特定规则，而不使用与上述特定类相关的一般规则，请使用@aksu建议的属性选择。

我个人更喜欢使用class属性，但你可以在任何你想要的属性上使用它。

#Parent>*[class*="info"]{
    display:none;
}

<div id="Parent">
    <div class="some-info-1"></div><!-- hidden -->
    <div class="some-something-else-1"></div>
    <div class="some-info-2"></div><!-- hidden -->
    <div class="some-something-else-2"></div>
    <div class="some-info-3"></div><!-- hidden -->
    <div class="some-something-else-3"></div>
</div>

用于多个ID的css中的数组

3 个答案: