css样式加载+ id。loading1，loading300

Question

我在css中有这样的内容：

#加载{显示:无；}

问题是，我不需要显示这个加载div，它在加载名称之后附带一个id。

例：

我想在所有这些div中应用加载样式，我可以这样做吗？会是什么样子？

谢谢!

Answer 1

我想在所有这些div中应用加载样式，我可以这样做吗？

是的，带着http://www.w3.org/TR/css3-selectors/#attribute-substrings

[id^=loading] {
    display: none;
}

它与id属性以loading开头的任何元素匹配。

示例：

​

[id^=loading] {
  color: blue;
}

<div id="loading1">loading1</div>
<div id="loading12">loading12</div>
<div id="loading123">loading123</div>
<div id="notloading">notloading, so not affected</div>
<div id="loading">loading with nothing after</div>

​

Answer 2

试试这个：

div[id^=loading]{display:none;}

有关更多细节，请参阅此链接

示例：

/* All spans with a "lang" attribute are bold */
 span[lang] {
    font-weight:bold;
}
/* All spans in Portuguese are green */
 span[lang="pt"] {
    color:green;
}
/* All spans in US English are blue  */
 span[lang~="en-us"] {
    color: blue;
}
/* Any span in Chinese is red, matches simplified (zh-CN) or traditional (zh-TW) */
 span[lang|="zh"] {
    color: red;
}
/* All internal links have a gold background */
 a[href^="#"] {
    background-color:gold
}
/* All links to urls ending in ".cn" are red */
 a[href$=".cn"] {
    color: red;
}
/* All links to with "example" in the url have a grey background */
 a[href*="example"] {
    background-color: #CCCCCC;
}

Answer 3

hello，您可以将一个类放在attribut中，并将其命名为

<div id=loading1 class="loading"></div>
<div id=loading422 class="loading"></div>
<div id=loading9232 class="loading"></div>

然后在你的css中这样调用它

.loading{
display:none;
}

那是比id类更好的

我希望这是有帮助的