CSS2与-CSS3 [attribute=value]选择器

属性的取值是以什么开头的

css3: [attribute^=value]
css2: [attribute|=value]

两者区别:

css2只能找到value开头,并且value是被“-”和其他内容隔开的
css3只要是value开头就能找到

属性的取值是以什么结尾的

css3: [attribute$=value]

属性的取值是否包含某个特定值

css3: [attribute*=value]
css2: [attribute~=value]

两者区别:

css2只能找到独立的单词,也就是包含value,并且value被空格隔开
css3只要包含value就能找到

https://www.jianshu.com/p/cf4e492691d4

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 属性的取值是以什么开头的 css3: [attribute^=value]css2: [attribute|=va...
    直到世界尽头_Leo阅读 2,415评论 0 0
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,477评论 0 0
  • 选择器: 标签选择器格式:标签名称{属性:值;} id选择器格式: id名称{ } 类选择器格式:.类名{属性:值...
    往事一块六毛八阅读 3,287评论 0 0
  • 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式...
    e919b03f06c2阅读 2,206评论 0 0
  • id选择器 作用 根据指定的id名称找到对应的标签, 然后设置属性 格式 注意点: 每个HTML标签都可以设置id...
    光脚的鱼阅读 2,828评论 0 0

友情链接更多精彩内容