css部分值属性选择器与点号类名记法的区别是什么

这篇文章主要为大家展示了“css部分值属性选择器与点号类名记法的区别是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css部分值属性选择器与点号类名记法的区别是什么”这篇文章吧。

成都创新互联公司主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务呼玛,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

该选择器等价于我们在类选择器中讨论过的点号类名记法。

也就是说,p.important 和 p[class="important"] 应用到 HTML 文档时是等价的。

那么,为什么还要有 "~=" 属性选择器呢?因为它能用于任何属性,而不只是 class。

例如,可以有一个包含大量图像的文档,其中只有一部分是图片。对此,可以使用一个基于 title 文档的部分属性选择器,只选择这些图片:

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

这个规则会选择 title 文本包含 "Figure" 的所有图像。没有 title 属性或者 title 属性中不包含 "Figure" 的图像都不会匹配。

以上是“css部分值属性选择器与点号类名记法的区别是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前题目:css部分值属性选择器与点号类名记法的区别是什么
网页路径:http://bzwzjz.com/article/poihpe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 成都定制网站建设 成都网站制作 成都商城网站制作 成都网站设计 网站制作 高端定制网站设计 成都网站设计制作公司 移动手机网站制作 成都网站设计公司 响应式网站设计 成都网站建设 外贸营销网站建设 成都网站建设 成都网站建设公司 定制级高端网站建设 网站建设改版 成都网站设计 成都网站建设 手机网站制作 成都网站制作 手机网站建设