css樣式加載+ id。例如loading1，loading300

Question

我有這個在CSS：

#loading{ 
display:none; 
} 

的問題是，我需要顯示沒有這種負荷格，來與加載名稱後的ID。

如：

<div id=loading1></div> 
<div id=loading422></div> 
<div id=loading9232></div> 

我想在這一切的div應用加載的風格，我能做到這一點？它會怎樣？

謝謝！

Answer 1

我想在所有這些divs中應用加載樣式，我可以這樣做嗎？

是，與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>

Answer 2

試試這個：

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; 
} 

Answer 3

你好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班好很多

我希望能找到有用的