瀏覽器的CSS3優先順序

Question

CSS3樣式表的優先順序是什麼？

我的意思是，假設我們對CSS中的相同內容有不同的設置。瀏覽器選擇並應用哪一個？

這是什麼與CSS內的代碼的位置有關？我是說從上到下？

Answer 1

瀏覽器加載CSS標籤的順序將決定採用哪個值。

因此，如果您將CSS文件放在文檔的末尾，那麼它們將按順序逐個應用，覆蓋它們遇到的任何現有的重複選擇器。

例子：

#myDiv { 
 
background-color: blue; 
 
width: 300px; 
 
height: 200px; 
 
} 
 

 

 
#myDiv { 
 
background-color: red; 
 
width: 300px; 
 
height: 200px; 
 
}

<div id="myDiv"> 
 
Demo 
 
</div>

Answer 2

是CSS是工作頂部像底部： -

如果你給10號線和其他同等級的一些變化，以15行數類將需要15行數字代碼。

，如： -

線10： - 的.class {背景色：#FFFFFF; font-size：14px; font-family：'Open Sans'，sans-serif;}

line 15： - .class {background-color：＃0000; font-size：14px; font-family：'Open Sans'，sans-serif;} - 它會採用這個。