• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • [attr~=val]

    定义和用法

    • E[attr~=value],选择具有包含指定单词的属性值的元素。也称为部分属性值选择器。需要根据属性值中的词列表的某个词进行选择,则需要使用波浪号(~)。
    • E[attr~=value],基于属性的空格分隔值的一部分选择任何元素。如果此value值包含用空格分隔的多个值列表,匹配就可能出问题。

    语法:

    E[attr~=value]

    HTML属性值为一用空格分隔的多个值,此时使用此选择器,其中一个等于value的E元素(包含只有一个值且该值等于val的情况)。

    浏览器支持

    所有浏览器都支持

    例子

    div[class~="a"]{border:2px solid #000;}
    
    //匹配到了class属性,且属性值中有一个值为a
    
    [title~=flower]
    {
      background-color:yellow;
    }
    
    
    //选择标题属性包含单词"flower"的所有元素
    

    上篇:[attr=val]

    下篇:[attr^=val]