CSS 笔记（7）

1：元素选择器

1：CSS元素选择器

最常见的CSS选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。

2：类型选择器

在W3C标准中，元素选择器又称为类型选择器。类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树种的每个实例。

2：CSS分组

1：选择器分组

假设希望h2元素和段落都有灰色。为达到这个目的，最容易的做法是使用以下声明：h2,p {color:gray;} 将h2和p选择器放在规则左边，然后用逗号分隔，就定义了一个规则。其右边的样式将应用到这两个选择器所引用的元素。

2：通配符选择器

CSS2引入了一种新的简单选择器-通配选择器，显示为一个（*）。该选择器可以与任何元素匹配，就像是一个通配符。

3：声明分组

我们既可以对选择器分组，也可以对声明分组。

3：CSS类选择器分组

类选择器允许以一种独立于文档元素的方式来指定样式。

1：CSS类选择器

类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。

修改HTML代码：在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。为了将类选择器的样式与元素关联，必须将class指定为一个适当的值。

结合元素选择器：类选择器可以结合元素选择器来使用。

p.important {color:red;}

选择器会匹配class属性包含important的所有p元素，但是其他任何类型的元素都不匹配，不论是否有此class属性。

2：CSS多类选择器

在HTML中，一个class值中可能包含一个词列表，各个词之间用空格分隔。通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素，

4：CSS ID选择器

ID选择器允许以一种独立于文档元素的方式来指定样式。

1：CSS ID选择器

语法：ID选择器前面有个#号。与类选择器一样，ID选择器中可以忽略通配选择器。

2：类选择器还是ID选择器

在类选择器中，可以为多个元素指定类。

区别1：与类不同，在一个HTML文档中，ID选择器会使用一次，而且仅一次。

区别2：不同于类选择器，ID选择器不能结合使用，因为ID属性不允许有以空格分隔的词列表。

区别3：类似于类，可以独立于元素来选择ID。有些情况下，知道文档中会出现某个特定的ID值，但是并不知道它会出现在哪个元素上，所以声明独立的ID选择器。

3：区分大小写

类选择器和ID选择器可能是区分大小写的。这取决于文档语言。HTML和XHTML将类和ID值定义为区分大小写，所以类和ID值的大小写必须与文档中的相应值匹配。

5：CSS属性选择器详解

CSS2引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。

属性与属性值必须完全匹配。如果需要根据属性值中的词列表的某个词进行选择，则需使用波浪号（~）。如果没写波浪号，则需要完成完全值匹配。