举个栗子
<style type="text/css">
div{}
.div{}
#div{}
</style>
标签选择器,格式:element{ }; (element为元素 h1,p,div,.....)
类选择器, 格式:.class{ }; (class为类名)
ID选择器 ,格式:#id{ }; (id为id名,javascript会调用它)
1、div{}是元素选择器,也就是直接把元素标签拿来用。
2、.div{}是类选择器,你肯定要设置一个class=“div“。
3、#div是ID选择器,你肯定要设置一个ID=”div“。
总结:第一个,会让div里的所有元素变换样式。
第二个,会让一个或多个同类的元素变换样式。
第三个,会让单一一个元素变换样式。ok。
div是标签, .为前缀的是class类 #开头的是ID 比如你的例子: div{}是控制页面中的div元素,.div是操作 具有class=div的属性的元素,#div 是操作页面中具有id=div的元素。