css中的选择器包括哪些?

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

css的选择器是还是比较富的,主要的css选择器如下:

1、标签选择器(如:body,div,p,ul,li)

2、类选择器(如:class="head",class="head_logo")

3、ID选择器(如:id="name",id="name_txt")

4、全局选择器(如:*号)

5、组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

6、继承选择器(如:div p,注意两选择器用空格键分开)

7、伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

8、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法:

1、标签名选择器

一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。div

{color:red;border:1px blue solid;}
p {color:#000;}

2、类选择器

使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

<div class="test">测试代码</div>
.test {color:red;border:1px blue solid;}

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

<div id="test">测试代码</div>
#test {color:red;border:1px blue solid;}

推荐:css参考手册

以上就是css中的选择器包括哪些?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑