复合选择器：
如果要让一个样式对多个对象可用， 可以在选择器里使用逗号隔开要使用此样式的对象
<html> <head> <title>测试复合选择器</title> <style type="text/css"> /*#p1_id.p1_class { color : red; }需要同时满足的条件直接连接着写*/ /*#p1_id .a1_class { color : red; }*/ #father>#son { color : red; }/* 子选择器：使用空格隔开， 必须满足选择器中体现的嵌套关系才能起作用， 只有对直接后代有影响的选择器， 而对“孙子”等不产生作用。 后代选择器：后代选择器书写方法： 把外层的标记写在前面，内层的标记写在后面， 之间用空格分隔，当标记发生嵌套时， 内层的标记就成为外层标记的后代了 实测发现在火狐里两者一样, 在ie里前者不起作用 */ </style> </head> <body> <p id="p1_id" class="p1_class">我是p1, <a id="a1_id" class="a1_class"> 嗨, 我是标签里的一个标签, 哈哈</a>哈哈 <p id="p2_id" class="p2_class"> 嗨,你好啊, 我是第二个p耶<a id="a2_id" class="a2_class"> 没错, 我就是第二个a, 我也是在p 的里边 </a> 你好吗? <div id="father">我是<div id="son">我是<div id="gson">我是孙子</div>儿子</div>爸爸</div> </body> </html> |
伪类选择器：
使用 “目标 : 状态”的格式。伪类是标签的一种“状态”， 使用伪类的标签还可以和其他标签或is， class 进行复合选择