CSS选择器

CSS选择器是根据元素名称、ID、类名、属性等等,来对HTML元素进行"查找"(或选择).

元素选择器

元素选择器根据元素名称选择元素.

您可以选择页面里所有的<p>元素(在本例中,所有<p>元素都将以中心对齐,并且文本颜色是红色):

id选择器

id选择器使用HTML元素的id属性来选择特定的元素.

元素的ID在页面中应该是唯一的,因此ID选择器用于选择一个唯一元素!

id选择器前都有一个#符号.

下面的样式将应用于id="para1"的HTML元素:

注意:id名称不能以数字开头.

类选择器

类选择器选择具有特定类属性的元素.

若要选择具有特定类的元素,写一个句点(.)字符,后面跟着类的名称.

在下面的示例中,所有带有class="center"的HTML元素都将是红色的和居中对齐的:

您还可以指定只有特定的HTML元素才会受到类的影响.

在下面的示例中,只有class="center"的<p>元素才会居中对齐:

HTML元素也可以引用多个类.

在下面的示例中,<p>元素将按照class="center"和class="large"进行样式设置:

注意:类名不能以数字开头！.

对选择器进行分组

如果您的元素具有相同的样式定义,如下所示:

最好将选择器分组,以缩减代码量.

若要分组选择器,请用逗号分隔每个选择器.

在下面的例子里,我们对上面的类选择器进行了分组:

CSS注释

注释用于解释代码,并且在以后编辑源代码时可能会有所帮助.

浏览器会忽略掉注释,不会显示出来.

CSS注释以/*开头，以*/结尾.注释还可以跨越多行: