在CSS中,我們不僅可以通過類、標簽和ID等選擇器來選定特定的元素,還可以通過CSS圖屬性選擇器來選定具有特定屬性的元素。
/* 通過屬性名選定元素 */ p[class] { color: red; } /* 通過屬性值選定元素 */ a[] { color: blue; } /* 通過特定屬性值的開頭選定元素 */ img[src^="https"] { border: 1px solid black; } /* 通過特定屬性值的結(jié)尾選定元素 */ a[href$=".pdf"] { font-weight: bold; } /* 通過屬性值中包含特定字符串選定元素 */ input[type*="search"] { background-color: lightblue; }
上述代碼中,我們通過方括號內(nèi)的屬性名和屬性值來指定選擇的元素。其中,屬性名指定選擇的元素具有什么屬性,屬性值可以是具體的數(shù)值、字符串,也可以是正則表達式。通過CSS圖屬性選擇器,我們可以非常靈活地對元素進行選擇,更好地完成頁面的樣式設(shè)計。