zoukankan      html  css  js  c++  java
  • CSS——属性选择器

    参考:https://www.codementor.io/css/tutorial/how-to-use-css-selectors

    Attribute Selectors

    1. [attr]

    eg: input[type] =>所有设置了type属性的input标签都生效(无论type的值是什么)

    2. [attr="value"]

    eg: input[type="text"]

    3.Substring Matching Attribute Selectors

    >> ^  Begin With Selector

      a[href^="http://"]

    >> $  End With Selector

      a[href$=".pdf"]

    >> *  Contains Selector

      a[href*="goo"]  包含,不区分大小写

    4. [attr~=value]

    eg:

      class="title"

      class="title colorMe"

    >> 常规 [class="title"]  完全匹配,第1个生效

    >> ~ [class~="title"]   子串匹配,1、2都生效

    >> 常规 [class="colorMe"]   完全匹配,都不生效

    >> ~ [class~="colorMe"]    子串匹配,第2个都生效

    >> 常规 [class="title colorMe"]   完全匹配,第2个生效 

    >> 常规 [class="colorMe title"]   完全匹配,都不生效

    5. [attr|=value]

    eg:

      lang="en"

      lang="en-es"

      lang="es"

    >> Selecting [lang|=en] : [lang|=en]  1、2生效(|= 对于连接符可以生效)

    >> Selecting [lang|=e] : [lang|=e]  都不生效

    >> Selecting [lang^=e] : [lang^=en]  都生效

    >> [lang|=en],[lang|=es]  都生效

    >> div[lang|=es]  第2个生效 

  • 相关阅读:
    Java 多线程(一) 基础知识与概念
    hashMap和treeMap
    转:Java IO流学习总结
    hibernate缓存
    java aio nio bio
    java1.8新特性
    LeetCode Contiguous Array
    LeetCode Sort Characters By Frequency
    LeetCode Subarray Sum Equals K
    LeetCode Group Anagrams
  • 原文地址:https://www.cnblogs.com/congyue-pepsi/p/5672815.html
Copyright © 2011-2022 走看看