代码之家  ›  专栏  ›  技术社区  ›  John Topley

CSS术语:这些叫做什么?

  •  12
  • John Topley  · 技术社区  · 15 年前

    考虑:

    p {
      ...
    }
    
    .foo {
      ...
    }
    
    #bar {
      ...
    }
    

    CSS中这些语句的正确名称是什么?我见过它们称为选择器、规则或规则集,但哪一个是正确的?

    6 回复  |  直到 11 年前
        1
  •  45
  •   Knu    11 年前

    将考虑一条规则:

    p {…}

    在这种情况下,选择器是:

    p

    规则由选择器和声明组成。声明是 property:value 所以整个规则是:

    selector { property:value }

    一个规则可以有多个声明和多个选择器,因此我们实际上可以有:

    selector, selector2
    {
      property:value;
      property2:value;
    } 
    

    一个规则集是多个规则。

    这是一个快速 source 关于这个或 CSS 1 Specification .

        2
  •  5
  •   Vincent Ramdhanie    15 年前

    CSS由表单中的许多规则组成

    selector{declaration}
    

    所以.foo和bar和p被称为选择器,但带有卷发的完整语句被称为规则。

        3
  •  1
  •   Paul Dixon    15 年前

    它们是选择器- see W3C specification

        4
  •  0
  •   Jamie Ide    15 年前

    根据 specification 它们被称为选择器。

        5
  •  0
  •   Kornel    15 年前

    在本例中:

    p.class, #id > a {
    foo:bar;
    }
    

    p, #id > a 是选择器组。 p.class #id 是选择器。选择器由简单的选择器和组合器构建: p 是类型选择器, .class 是一个班 选择器 (不是一个班)组合器是' + “,” > “,” 等等。

    selectors {...} 是一条规则。把它称为阶级是错误的。

    foo:bar 是声明 foo 财产。

    http://www.w3.org/TR/CSS2/grammar.html

        6
  •  -1
  •   Dave Ward    15 年前

    我通常称它们为规则或类。