css选择器有哪些

css的选择器是仍是比较富的,主要的css选择器以下: 
标签选择器(如:body,div,p,ul,li)php

.类选择器(如:class="head",class="head_logo") css

ID选择器(如:id="name",id="name_txt")测试

全局选择器(如:*号)code

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

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

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

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

 
以上选择器在平常开发中最经常使用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法:
 
一、标签名选择器 
一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的全部p标签都使用同一个CSS样式,就应使用标签选择器。字符串

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

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

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

  
三、id选择器,id选择器是惟一的,只能够获取独一无二的一个元素。

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

  
转载于猿2048:➝《css选择器有哪些》

相关文章
相关标签/搜索