CSS就近原則是指，當同一元素的樣式規則有多個時，瀏覽器將按照“就近原則”來選擇應用哪一條。這意味著離最終元素最近的樣式規則將會被應用。
下面是一個簡單的例子：
<head>
<style type="text/css">
p {font-size: 14px;}
.special {font-size: 20px;}
</style>
</head>
<body>
<p class="special">這個段落將應用20px的字體大小</p>
<p>這個段落將應用14px的字體大小</p>
</body>在這里，兩個樣式規則應用于同一元素
。第一個規則是一般的段落樣式，將字體大小設置為14像素。第二個是一個類選擇器，將字體大小設置為20像素，并應用于所有帶有類“special”的段落。
由于第二個樣式更接近需要應用的段落，所以瀏覽器將使用該設置，而不是第一個樣式。這意味著帶有類“special”的段落將以20像素呈現，而其他段落仍將以14像素呈現。
需要注意的是，并非所有樣式屬性都遵循這個規則。例如，背景顏色和邊框屬性將被累加，而不是“就近選擇”。這是因為這些屬性不會重寫并覆蓋其他屬性，而是在同一元素上疊加。
在編寫CSS時，我們應該始終記住“就近原則”，以確保我們的樣式規則按照預期方式應用于元素。
下一篇html 設置橫屏豎屏