CSS3的屬性選擇器可以輕松地選取和操作特定的Html元素,使得css樣式更加靈活和智能化。屬性選擇器語法基礎 $=, *=, ~=, ^=, |=, 選擇器可以使用這幾個符號來定位HTML元素。
/*$=*/ a[href$=".pdf"] { color:red; } /* *= */ div[class*="test"] { font-size:20px; } /* ~= */ p[class~="test"] { background-color:yellow; } /* ^= */ input[name^="username"] { color:green; } /* |= */ td[class|="test"] { text-align:center; }
CSS3的屬性選擇器使用方法及相關特性如上所述,這些選擇器可以提高css代碼的選擇范圍和效率,同時也能夠使得網頁的布局更加靈活多變,適應不同的瀏覽器和設備。