2017-11-27 873
基本CSS选择器有标记选择器、类别选择器、ID选择器3种1。标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等2。类别选择器 类别选择器的名称可以由用户自定义 格式如下:.class{color:green;font-size:20px;}3。ID选择器 与类别选择器相试 格式如下:#id{color:green;font-size:20px;}复合选择器:就是两个或者多个基本选择器,通过不同方式连接而成的选择器有两种情况:”交集“选择器、“并集”选择器 1。“交集”选择器:由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集,其中第一必须是标记选择器,第二个必须是类别选择器或者ID选择器,两个选择器之间不能有空格,必须连续书写如:h3.class{color:red;font-size:23px;} 2。“并集”选择器:同时选中各个基本选择器所选择的范围,任何形式的选择器都可以,并集选择器是多个选择器通过逗号连接而成的, 格式如:h1,h2,h3{color:red;font-size:23px;} 后代选择器: 后代选择器书写方法:把外层的标记写在前面,内层的标记写在后面,之间用空格分隔,当标记发生嵌套时,内层的标记就成为外层标记的后代了 举个列子
<html><head><title>后代选择器</title><style type="text/css">p span{ color:red}span{ color:blue;}</style></head><body><p>嵌套<span>用CSS</span>标记的方法</p>嵌套之外的<span>标记</span>不生效</body></html>
格式如下:p>span{color:blue;}
本文转自 风雨萧条 51CTO博客,原文链接:http://blog.51cto.com/1095221645/1792385,如需转载请自行联系原作者
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。