css部分值屬性選擇器與點號類名記法的區(qū)別是什么

發(fā)布時間：2022-03-02 14:00:39 來源：億速云閱讀：164 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“css部分值屬性選擇器與點號類名記法的區(qū)別是什么”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css部分值屬性選擇器與點號類名記法的區(qū)別是什么”這篇文章吧。

該選擇器等價于我們在類選擇器中討論過的點號類名記法。

也就是說，p.important 和 p[class="important"] 應(yīng)用到 HTML 文檔時是等價的。

那么，為什么還要有 "~=" 屬性選擇器呢？因為它能用于任何屬性，而不只是 class。

例如，可以有一個包含大量圖像的文檔，其中只有一部分是圖片。對此，可以使用一個基于 title 文檔的部分屬性選擇器，只選擇這些圖片：

img[title~="Figure"] {border: 1px solid gray;}

這個規(guī)則會選擇 title 文本包含 "Figure" 的所有圖像。沒有 title 屬性或者 title 屬性中不包含 "Figure" 的圖像都不會匹配。

以上是“css部分值屬性選擇器與點號類名記法的區(qū)別是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡