CSS3選擇器是一種用于選中HTML文檔中特定元素的語法。它包含幾種不同的選擇器,包括ID選擇器、類選擇器、標簽選擇器、屬性選擇器、偽類選擇器等。
#example { color: red; }
上面的CSS代碼中,我們使用了ID選擇器,選中了ID為“example”的元素,并將其字體顏色設為紅色。
.example { background-color: yellow; }
上面的CSS代碼中,我們使用了類選擇器,選中了class為“example”的元素,并將其背景顏色設為黃色。類選擇器以 “.” 為開頭。
p { font-size: 16px; line-height: 1.5; }
上面的CSS代碼中,我們使用了標簽選擇器,選中了所有
標簽元素,并將其字體大小設為16px,行高為1.5。標簽選擇器以標簽名為開頭。
a[href*="example.com"] { color: green; }
上面的CSS代碼中,我們使用了屬性選擇器,選中了所有標簽的href屬性值包含“example.com”的元素,并將其字體顏色設為綠色。
input:checked + label { background-color: blue; }
上面的CSS代碼中,我們使用了偽類選擇器,選中了已被選中的元素后面緊接著的
這些選擇器可以通過組合使用,實現復雜的選擇操作。比如,下面的代碼會選中
元素下第一個元素:body >input:first-of-type { background-color: pink; }
以上述方式,僅僅是介紹了其中一部分選擇器,當然還有其他強大的選擇器,例如或或非的選擇器,可以根據具體的需求靈活使用。
上一篇mysql查表語句和截圖
下一篇css3選擇某列