• 8.1.1 CSS3选择器 —— 属性选择器


    1. E[attr]只使用属性名,但没有确定任何属性值

    例:p[miao]

    <p miao="z1">z1</p>

    <p miao="z2">z2</p>

    2. E[attr=value]指定属性名,并指定了该属性的值

    例:p[miao=Kevin]    

    <p miao="Kevin"></p>

    3. E[attr~=value]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表包行了一个value词,而且等号前面的 ”~" 不能不写

    例:p[miao~=old]

    <p miao="old" leo></p>

    <p miao="old"></p>

    4. E[attr^=value]指定了属性名,并且有属性值,属性值是以value开头的

    例:p[miao^=g]

    <p miao="gxm"></p>

    5. E[attr$=value]指定了属性名,并且有属性值,而且属性是以value结束的

    例:p[miao$=M]

    <p miao="bzM"></p>

    <p miao="gxM"></p>

    6. E[attr*=value]指定了属性名,并且有属性值,而且属性值中包含了value]

    例:p[miao*=d]

    <p class="bleo old"></p>

    <p class="bdp"></p>

    7. E[attr|=value]指定了属性名,并且属性值是value或者以"value"开头的值( 比如说zh-cn )

    例:<p miao="miao|b"></p>

    <p miao="b-leo"></p>

    <p miao="b"></p>

    <p miao="bleo">无效</p>

    备注:IE7+支持

  • 相关阅读:
    核心思想:台积电目前的硬体核心技术/制造人力估计不到1,000人
    忽然懂了:云就是互联网
    Qt https 用户认证authenticationRequired()
    TDD和BDD
    MEF实现设计上的“松耦合”
    跨域调用webapi
    复杂度
    react
    Angularjs里面跨作用域
    Spring.NET程序
  • 原文地址:https://www.cnblogs.com/zouxinping/p/4940845.html
Copyright © 2020-2023  润新知