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

    定义和用法

    • E[attr|=value],选择指定属性具有指定值开始的元素。
    • E[lang |="en"]也称为语言属性选择器。选择任何具有lang属性的元素,其值为连字符分隔的值列表,从选择器中提供的值开始。像lang="en",或者像连字符(-)连接的如lang ="en-us"都可以。

    语法:

    E[attr|=value]

    选择具有attr属性,其值是以value开头,或者值是以value-开头的

    浏览器支持

    所有浏览器都支持

    例子

    //选择一个class属性的起始值="top"的所有元素:
    
    [class|=top]
    {
      background-color:yellow;
    }
    
    //选择一个lang属性的起始值="en"的所有元素
    
    [lang|=en]
    {
      background-color:yellow;
    }
    
    *[lang|="en"] {color: red;}
    
    //上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。因此,以下示例标记中的前三个元素将被选中,而不会选择后两个元素:
    
    <p lang="en">Hello!</p>
    <p lang="en-us">Greetings!</p>
    <p lang="en-au">G'day!</p>
    <p lang="fr">Bonjour!</p>
    <p lang="cy-en">Jrooana!</p>
    

    上篇:[attr*=val]