zoukankan      html  css  js  c++  java
  • CSS 3 中的属性选择器

    在CSS 3中,追加了三个属性选择器分别为:[att*=val]、[att^=val]、和[att$=val],使得属性选择器有了通配符的概念。

    1.[att*=val]属性选择器

       [att*=val]属性选择器的含义是:如果元素用att表示的属性的属性值中包含用val指定的字符,则该元素使用这个样式。

       例如:[id=section1]、则id=section1*后面任意字符数目的元素都能使用此样式。

    2.[att^=val]属性选择器

       [att^=val]属性选择器的含义是:如果元素用att表示的属性的属性值的开头为用val指定的字符话,则该元素使用这个样式。

      例如:[id^=section],则id=section1、section2、section3都能使用这个样式。

    3.[att$=val]属性选择器

       [att$=val]属性选择器的含义是:如果元素用att表示的属性的属性值的结尾字符为用val指定的字符,则该元素使用这个样式。

      例如:[id$=-1],则id=section-1、id=A-1、都能使用这个样式。

  • 相关阅读:
    grunt 使用比较
    一些技术要点
    git 使用笔记
    oo的一些概念
    借用构造函数继承非原型
    bower解决js的依赖管理
    需要了解的一些东西
    一些常用的代码
    js模式(一):单例模式
    写给自己的计划
  • 原文地址:https://www.cnblogs.com/loadchow/p/6505810.html
Copyright © 2011-2022 走看看