css选择器有哪些

标签：匹配   就是   空格   htm   属性   属性选择符   用法   运用   col   

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选择器有哪些

标签：匹配   就是   空格   htm   属性   属性选择符   用法   运用   col   

原文地址：https://www.cnblogs.com/qingkun/p/9263206.html