属性选择器

属性选择器

  1. [属性名] 选择含有指定属性的元素

  2. [属性名=属性值] 选择还有指定属性和属性值的元素

  3. [属性名^=属性值] 选择属性值以指定值开头的元素

  4. [属性名$=属性值] 选择属性值以指定值结尾的元素

  5. [属性名*=属性值]选择属性值中含有某值的元素的元素 

<style>
p[title="796"]{
           color: burlywood;
  }
       p[title^="9"]{
           color: crimson;
      }
       p[title$="6"]{
           font-size: 80px;
      }
       p[title*="7"]{
           color: darkmagenta;
      }
  </style>
</style>
<body>
   
  <p title="957">随便写点什么</p>
  <br>
  <p title="896">我是div中的span元素</p>
  <p title="796">我是div中的span元素</p>
  <p title="996">我是div中的span元素</p>
</body>

 

posted on 2020-05-19 21:32  厌红尘  阅读(131)  评论(0)    收藏  举报

导航