CSS屬性選擇符是CSS中的一種選擇器,它可以通過元素的屬性值來選擇元素。
[class="box"] { color: red; }
上面的代碼中,我們使用“[class="box"]”這個屬性選擇符來選擇HTML文檔中所有class屬性值為“box”的元素,并將它們的字體顏色設置為紅色。
[href^="https://"] { color: blue; }
此外,我們也可以使用“^”、“$”和“*”來選擇包含某些值或以某些值開頭或結尾的屬性值。例如上面的代碼中,我們使用“[href^="https://"]”來選擇所有href屬性值以“https://”開頭的元素,并將它們的字體顏色設置為藍色。
[type|="text"] { color: green; }
我們還可以使用“|”來選擇屬性值中含有具體詞語的元素。例如上面的代碼中,我們使用“[type|="text"]”來選擇所有type屬性值包含“text”詞語的元素,并將它們的字體顏色設置為綠色。
總之,CSS屬性選擇符為我們提供了一種更靈活的元素選擇方式,讓我們可以通過屬性來選擇元素,從而更方便地進行樣式控制。
上一篇css左面固定 右面劇中
下一篇css屏蔽前面的樣式