CSS是一種用于控制網頁樣式的語言,通過一組選擇器可以選擇網頁中的特定元素,并對其進行樣式美化。本文將介紹CSS的一組選擇器。
selector-1, selector-2 { property: value; }
使用逗號將多個選擇器組合在一起,可以同時選擇多個元素,并對它們應用相同的樣式。例如:
h1, h2, h3 { color: red; }
上述代碼將同時選擇所有的h1、h2、h3標簽,并將它們變為紅色。
使用空格將選擇器進行嵌套,可以選擇某個元素下的子元素,例如:
ul li { color: blue; }
上述代碼將選擇所有位于ul標簽下的li標簽,并將它們變為藍色。
使用“+”號將兩個選擇器進行連接,可以選擇相鄰的兩個同級元素,并對后一個元素應用樣式。例如:
p + p { margin-top: 20px; }
上述代碼將選擇所有緊接著前一個p標簽的p標簽,并在其上方添加一個20px的頂部邊距。
最后,使用“>”符號將選擇器進行嵌套,可以選擇某個元素直接子元素,例如:
div >p { background-color: yellow; }
上述代碼將選擇所有位于div標簽下的直接子元素p標簽,并將它們的背景變為黃色。