CSS选择器

2018-06-19 本文已影响0人 L_Y_J

一，标签选择器，其实就是HTML中的标签，如<html>,<body>,<h>,<p>等，其格式为：标签名｛CSS样式｝。

二，.类选择器名称｛CSS样式代码;｝,注意：首先要以英文圆点开头，类选择器的名称可以任意起，但不要起中文。具体的使用方法如下图。

类选择器的使用方法

三，ID选择器类似于类选择器，但是也有一些区别，为标签设置id="ID名称"，而不是class="类名称"，ID选择符的前面是井号（#）号，而不是英文圆点（.）。

1. 在使用方面，ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

2.可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

四，子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。其格式为：.父带选择器名称>子代选择器名称｛CSS样式代码;｝。

五，包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。

请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

六，通用选择器，*｛CSS样式代码；｝，它的作用是匹配html中所有标签元素。