您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“css部分值屬性選擇器與點號類名記法的區別是什么”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“css部分值屬性選擇器與點號類名記法的區別是什么”這篇文章吧。
該選擇器等價于我們在類選擇器中討論過的點號類名記法。
也就是說,p.important 和 p[class="important"] 應用到 HTML 文檔時是等價的。
那么,為什么還要有 "~=" 屬性選擇器呢?因為它能用于任何屬性,而不只是 class。
例如,可以有一個包含大量圖像的文檔,其中只有一部分是圖片。對此,可以使用一個基于 title 文檔的部分屬性選擇器,只選擇這些圖片:
img[title~="Figure"] {border: 1px solid gray;}
這個規則會選擇 title 文本包含 "Figure" 的所有圖像。沒有 title 屬性或者 title 屬性中不包含 "Figure" 的圖像都不會匹配。
以上是“css部分值屬性選擇器與點號類名記法的區別是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。