zoukankan      html  css  js  c++  java
  • 多类选择器

    在很多时候,我们常常会给html标签的class属性赋予多个词,各个词之间用空格分隔。例如,如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:

    <p class="important warning">
    This paragraph is a very important warning.
    </p>

    这两个词的顺序无关紧要,写成 “warning important” 也可以。

    通过把两个类选择器链接在一起,仅可以选择同时包含这些类名的元素(类名的顺序不限)。

    如果一个多类选择器包含类名列表中没有的一个类名,匹配就会失败。请看下面的规则:

    .important.urgent {background:silver;}

    不出所料,这个选择器将只匹配 class 属性中包含词 important 和 urgent 的 p 元素。因此,如果一个 p 元素的 class 属性中只有词 important 和 warning,将不能匹配。不过,它能匹配以下元素:

    <p class="important urgent warning">
    This paragraph is a very important and urgent warning.
    </p>

    重要事项:在 IE7 之前的版本中,不同平台的 Internet Explorer 都不能正确地处理多类选择器。

  • 相关阅读:
    sh_09_字典的定义
    sh_08_格式化字符串
    sh_07_元组遍历
    sh_06_元组基本使用
    sh_05_列表遍历
    sh_04_列表排序
    sh_03_列表的数据统计
    图片懒加载
    UA池和ip代理池
    爬虫篇 --- 分布式爬虫
  • 原文地址:https://www.cnblogs.com/onsuccessway/p/3615361.html
Copyright © 2011-2022 走看看