什么是css选择器，css类选择器使用实例
大家好，关于什么是css选择器很多朋友都还不太明白，今天小编就来为大家分享关于css类选择器使用实例的知识，希望对各位有所帮助！
css的选择器是什么东西
CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。
CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用
例如：
body{background-color:red}
//这里的body就是标签选择器了，{}中是设置匹配元素的背景颜色，即设置body背景色为红色
#main{width:600px}
//这里的#main就是id选择器了，匹配网页中id为main的元素
.logo{width:300px}
//这里的.logo就是类型选择器了，匹配网页中class为logo的元素
div.logo{width:300px}
//这里的div.logo结合了标签选择器和类选择器，匹配网页中class为logo的div元素
什么是css选择器字符串
css的选择器是还是比较富的，主要的css选择器如下：
标签选择器（如：body,div,p,ul,li）
.类选择器（如：class="head",class="head_logo"）
ID选择器（如：id="name",id="name_txt"）
全局选择器（如：*号）
.组合选择器（如：.head.head_logo,注意两选择器用空格键分开）
.继承选择器（如：div p,注意两选择器用空格键分开）
伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）
字符串匹配的属性选择符(^$*三种，分别对应开始、结尾、包含)
以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器，下面是这三种选择器的基本用法1、标签名选择器一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。
1
2
div{color:red;border:1px blue solid;}
p{color:#000;}
2、类选择器使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中，XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。
1
2
<div class="test">测试代码</div>
.test{color:red;border:1px blue solid;}
3、id选择器，id选择器是唯一的，只可以获取独一无二的一个元素。
1
2
<div id="test">测试代码</div>
#test{color:red;border:1px blue solid;}
css选择器有哪些
1、类别选择器
2、标签选择器
3、ID选择器
4、后代选择器
5、子选择器
6、伪类选择器
7、通用选择器
8、群组选择器
9、相邻同胞选择器
10、属性选择器
扩展资料：
一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式，(在大环境中你可能处于不同的位置，
但是不管怎么样，你总是穿着同一套衣服，这件衣服就是由标签选择器事先给你限定好的，不管走到哪里都是这身衣服)比如，在style.css文件中对p标签样式的声明
参考资料百度百科-css选择器
关于本次什么是css选择器和css类选择器使用实例的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。