类选择器根据类名来选择，前面以”.”来标志，是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名，换句话说需要保证类名在html标记中存在。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>类选择器</title> <style> .demo { width: 200px; height: 200px; margin: 50px auto; background: #2DC4CB;
} </style> </head> <body> <div class="demo">类选择器</div> </body> </html>
效果图：
3.元素选择器（所有浏览器支持）
元素选择器（标签名选择器），是css3选择器中最常见而且最基本的选择器。元素选择器其实就是文档的元素，如html,body,p,div等等下下面例子中选择了span元素，并设置了字体颜色为红色。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素选择器</title> <style> .demo { width: 200px; height: 200px; margin: 50px auto;
} span{ color: red;
} </style> </head> <body> <div class="demo"> <p>这里使用<span>元素选择器</span>改变了样式</p> </div> </body> </html>
效果图：
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css