CSS选择器

一,标签选择器,其实就是HTML中的标签,如,,,

等,其格式为:标签名{CSS样式}。

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

类选择器的使用方法

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

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

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

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

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

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

六,通用选择器,*{CSS样式代码;},它的作用是匹配html中所有标签元素。

你可能感兴趣的:(CSS选择器)