语法:E1,E2,E3
说明:将同样的定义应用于多个CSS选择符,可以将选择符以逗号分隔的方式并为组。目前所有主流浏览器均支持该选择符,属于CSS1选择符。
实例:
- .test,p{color:#F00;}
- <dividdivid="test">这里是测试内容</div>
- <p>这里是测试内容</p>
通配选择符(UniversalSelectors)
语法:*
说明:选定DOM中的所有对象。目前所有主流浏览器均支持该CSS选择符,属于CSS2选择符。
实例:
- *{color:#F00;}
- <div>这里是测试内容</div>
- <p>这里是测试内容</p>
子选择符(ChildSelectors)
广州网站建设,网站建设,广州网页设计,广州网站设计
语法:E1>E2
说明:选择所有作为E1子对象的E2,不包括孙辈和更深的关系。非IE内核浏览器和IE7及以上浏览器支持,属于CSS2选择符。
实例:
- .test>strong{color:#F00;}
- <divclassdivclass="test">
- <strong>测试的内容</strong>
- <p>这是<strong>测试的内容</strong>哦!</p>
- <strong>测试的内容</strong>
- </div>
相邻选择符(AdjacentSelectors)
语法:E1+E2
说明:选择紧跟在对象E1之后的所有E2对象(E1与E2需结构级别相同)。非IE内核浏览器和IE7及以上浏览器支持,属于CSS2选择符。
实例:
- p+p{color:#F00;}
- <p>测试的内容1</p>
- <p>测试的内容2</p>
- <div>测试的内容3</div>
- <p>测试的内容4</p>
- <p>测试的内容5</p>
- <div><p>测试的内容6</p></div>



