建站
咨询
售后
建站咨询
如何使用CSS选择符，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
创新互联-专业网站定制、快速模板网站建设、高性价比沁县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式沁县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖沁县地区。费用合理售后完善，十载实体公司更值得信赖。
类型选择符(TypeSelectors)
语法：E1
说明：有的时候我们也将它叫做CSS标签选择符，因为它是直接用html标记来做选择符进行操作。目前所有主流浏览器均支持该选择符，属于CSS1选择符。
实例：
div{color:#F00;} 这里是测试内容包含选择符(DescendantSelectors)
语法：E1E2
说明：选择所有被E1包含的E2，这里的E1和E2即可以是html标记，也可以是class或id。目前所有主流浏览器均支持该CSS选择符，属于CSS1选择符。
实例：
divem{color:#F00;} .testem{color:#F00;} 这里是测试内容 这里是测试内容 ID选择符(IDSelectors)
语法：#sID
说明：以DOM中作为对象的***标识符的ID作为选择符。目前所有主流浏览器均支持该选择符，属于CSS1选择符。
实例：
#test{color:#F00;} 这里是测试内容 类选择符(ClassSelectors)
语法：.className
说明：其效果等同于E1[class~=className]。可以为对象的class属性指定多于一个值(className)，其方法是用空格将每个className隔开。目前所有主流浏览器均支持该选择符，属于CSS1选择符。
实例：
.test{color:#F00;} .test2{font-size:14px;} 这里是测试内容 分组选择符(GroupingSelectors)
语法：E1,E2,E3
说明：将同样的定义应用于多个CSS选择符，可以将选择符以逗号分隔的方式并为组。目前所有主流浏览器均支持该选择符，属于CSS1选择符。
实例：
.test,p{color:#F00;} 这里是测试内容 这里是测试内容
通配选择符(UniversalSelectors)
语法：*
说明：选定DOM中的所有对象。目前所有主流浏览器均支持该CSS选择符，属于CSS2选择符。
实例：
*{color:#F00;} 这里是测试内容 这里是测试内容
子选择符(ChildSelectors)
语法：E1>E2
说明：选择所有作为E1子对象的E2，不包括孙辈和更深的关系。非IE内核浏览器和IE7及以上浏览器支持，属于CSS2选择符。
实例：
.test>strong{color:#F00;} 测试的内容 这是测试的内容哦！
测试的内容 相邻选择符(AdjacentSelectors)
语法：E1+E2
说明：选择紧跟在对象E1之后的所有E2对象(E1与E2需结构级别相同)。非IE内核浏览器和IE7及以上浏览器支持，属于CSS2选择符。
实例：
p+p{color:#F00;} 测试的内容1
测试的内容2
测试的内容3 测试的内容4
测试的内容5
测试的内容6
属性选择符(AttributeSelectors)
语法：（CSS选择符中的属性选择符具体再分为4种不同的表现方式）
1.E1[attr]
2.E1[attr=value]
3.E1[attr~=value]
4.E1[attr|=value]
说明：
1.选择具有attr属性的E1
2.选择具有attr属性且属性值等于value的E1
3.选择具有attr属性且属性值为一用空格分隔的字词列表，其中一个等于value的E1。
4.选择具有attr属性且属性值为一用连字符分隔的字词列表，由value开始的E1
非IE内核浏览器和IE7及以上浏览器支持，属于CSS2选择符。
实例：
div[title]{color:#f00;} 测试的内容 