问答详情
源自:2-4 强调内容

关于small,.small 这种写法?

small,.small {
  font-size: 85%; /*标准字体的85%,也就是14px * 0.85px,差不多12px*/
}这段代码中,small中间有一个逗号和小圆点,这个不理解,有人能帮忙解释一下吗?还有标题那一部分也是不理解这个意思?

提问者:南山寺的假行僧 2017-02-27 11:08

个回答

  • qq_漠然_3
    2017-02-27 11:35:03

    在 CSS 中,类选择器以一个点号显示,所以是class=small

    逗号代表选择器分组

    假设希望 h2 元素和段落都有灰色。为达到这个目的,最容易的做法是使用以下声明:

    h2, p {color:gray;}

    将 h2 和 p 选择器放在规则左边,然后用逗号分隔,就定义了一个规则。其右边的样式(color:gray;)将应用到这两个选择器所引用的元素。逗号告诉浏览器,规则中包含两个不同的选择器。如果没有这个逗号,那么规则的含义将完全不同。

    可以将任意多个选择器分组在一起,对此没有任何限制。

    例如,如果您想把很多元素显示为灰色,可以使用类似如下的规则:

    body, h2, p, table, th, td, pre, strong, em {color:gray;}

    通过分组,可以将某些类型的样式“压缩”在一起,这样就可以得到更简洁的样式表。