CSS 中有許多使用加號(+
)和圓圈(○
)的特殊符號,它們有不同的用處和效果。
加號是 CSS 中的一個選擇器符號,它表示選取其后面的元素,只要它是前面元素的直接后代(即它是前面元素的直接子元素)。例如:
div + p {
color: red;
}
這段 CSS 代碼將選取頁面中每一個緊隨在<div>
元素后面的<p>
元素,將它們文字的顏色設為紅色。如果有多個<div>
元素,那么只會選中它們的下一個<p>
元素。
圓圈是 CSS 中的一個偽元素,它表示當前元素的第一個子元素,和加號的區別在于它選取的元素可以不是直接子元素。例如:
div::before {
content: "●";
}
這段 CSS 代碼將在每一個<div>
元素前面添加一個黑色的圓圈,表示這是它的第一個子元素。在此例中,這個圓圈并不會選中任何一個實際的<p>
元素,而是作為<div>
元素的一個虛擬子元素。
上一篇c td自動換行css
下一篇c 壓縮css 和js