首页 > 代码库 > CSS 基本概念(Basic CSS Concepts)二、规则结构

CSS 基本概念(Basic CSS Concepts)二、规则结构

二、规则结构(rule structure)

 

    规则是将样式应用到文档的基础。 每一个规则都是由多个组件组成的,并且都有一个特定的名称和功能。如下图所示。    技术分享    选择器是确定文档的哪个部分是将由规则匹配的部分。 规则的样式将被应用到所选元素。例如,选择pre意味着所有pre的元素将被选择。在一个单一的规则上,用逗号分开选择器名称可以组合多重选择器。参阅2章有关可用于各种选择器的细节。
    该声明块是以一对花括号为界限的。选择器总是在声明块的左边(即,选择器在块之前)。在一个声明块的空白将被忽略,所以可以使用任何数量的空格来使代码更具可读性。
    在声明块中有零个或多个声明。每个声明由一个属性后跟一个冒号,属性值后跟一个分号的组成。属性值将由一个或多个关键字和值类型组成,通常(但不总是)由一个空格隔开。允许的属性和它们的可能的值在第4章到6章中讨论。 每个声明中有且仅有一个属性。
    允许声明块为空值,在这种情况下,选择器匹配的元素将不适用于这个规则。这在功能上相当于不写规则。CSS不需要在声明块的最后一个声明后写分号,但一些早期CSS1会错误地不承认任何声明块最后的声明是不以分号结束的。

 

CSS 基本概念(Basic CSS Concepts)二、规则结构