我在css中有这个:
#loading{ display:none; }
问题是,我需要显示没有这个加载div,加载名称后带有id。
例如:
<div id=loading1></div> <div id=loading422></div> <div id=loading9232></div>
我想在所有这些div中应用加载样式,我可以这样做吗?怎么会这样?
谢谢你!答案 0 :(得分:0)
我想在所有这些div中应用加载样式,我可以这样做吗?
是的,attribute starts with selector:
[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>
答案 1 :(得分:0)
试试这个:
div[id^=loading]{display:none;}
有关详细信息,请参阅this link
<强>示例:强>
/* 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;
}
答案 2 :(得分:0)
你好freind你可以把一个类attribut并命名为加载 像这样
<div id=loading1 class="loading"></div>
<div id=loading422 class="loading"></div>
<div id=loading9232 class="loading"></div>
并在你的css中调用它
.loading{
display:none;
}
这可能比id类更好
我希望找到有用的