好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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.字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)

在标签内写入style=" "的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。

我们分别来看下这些选择器:

1:标签名选择器

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

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

2:类选择器

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

 

测试代码

查看更多关于CSS选择器种类及及其使用介绍的详细内容...

  阅读:36次