、

选择器格式中的每一个声明语句都是由“属性名：属性值”组成的。属性名和属性值用冒号“:”隔开，每条声明语句的末尾以英文分号“;”结束。我们知道什么是CSS选择器。CSS选择器有很多种。让我们来看看CSS选择器的类型。二、CSS选择器有哪几种类型？1.ID选择器2.类选择器（classselector）3.标签选择器（TAGselector）4.组选择器（groupselector）5.通配符选择器6.层次选择器7.属性选择器8.伪类选择器常用的CSS选择器分别是ID选择器、Class选择器、组选择器、层次选择器、伪类选择器……下面分别说说上面的CSS选择器是如何使用的？(1)ID选择器：#elem{width:100px;height:100px}注意：id选择器的规范：①在一个页面中，id是一个唯一值（类似于我们的身份证号）；②命名规范，Letter_-Number（名称首位不能为数字）；③除了常规的写法外，还有命名方式：驼峰式、下划线、破折号。常规写法：leftsidebar短线写法：left-side-bar（W3C推荐写法）CamelCase：leftSidebar下划线写法：left_side_bar有人喜欢这样写：left-side_bar效果图：（二）类选择器：类选择A类选择器也称为类选择器。.red{color:red;}注：①类选择器可以重复使用。它与id选择器有很大区别，代码复用性很强。（在网页中的使用频率非常强。）②可以添加多种类样式。与id的区别：id只能写一个，也可以写多个class，用空格隔开。③当有多个样式时，样式的优先级由CSS决定，而不是class属性中的顺序。简单的说就是看CSS中的顺序，而不是类属性的顺序。例如：.box{border:2pxblacksolid;color:blue;}④标签+类的写法：div.elem{}效果图：(3)标签选择器：标签选择器也叫TAG选择器。div{}→

注意：标签选择器不常用。使用场景：去掉默认样式：ul{list-style:none;}图层选择器：a{text-decoration:none;}效果图：(4)组选择器：组选择器也叫组选择器。div,p,h1{color:red;}效果图：先说这个，你的最终效果图是什么，你发给他们看看。如果您想获取前端视频学习资料，请点击这里。下一次，我将介绍其他CSS选择器。