[你必须知道的css系列]第一回：丰富的利器终结篇：选择符的组合关系及选择符总结...
介绍了这么多选择符，其实选择符的使用最大的优势不是单枪匹马奋斗，而应该是针对不同的页面结构组合成各种方阵。其主要方式体现在针对性使用类选择符或者
ID选择符、选择符群组及选择符组合这3种方式。
一、针对性使用类选择符或者 ID选择符主要作用于类选择符或者 ID选择符，尤其是类选择符在一个页面中可能 会在多处不同的标签中定义 同名的类，那么就需要针对性地使用类选择符。
例如，页面中所有标签元素的类名都为.test,需要将段落元素P的样式定义为红色字体，大小18px且带下划线样式。
代码
.test
{
font-size:12px;
}
p.test
{
font-size:18px;
color:red;
text-decoration:underline;
}
</style>
<p class="test">p标签内文字，类名为test</p>
<div class="test">div里面的文字，类也为test</div>
<p>p标签，没有类</p>
可以猜到效果：类名为test的所有标签字体都是12px;而针对类名为test的P标签的样式为红色、大小18px、有下划线。不带class的标记则为浏览器的默认解析。
效果：
二、ID选择符的使用方式与类选择符的使用方式相同，即:
三、选择符群组，顾名思义就是将多个相同定义的选择符组合。
例如，段落标签P、类选择符.test及ID选择符#title共同定义了颜色为红色并且大小为20它的文字 。
代码
p,.test,#title
{
font-size:20px;
color:red;
}
</style>
<p class="test">p标签内文字，类名为test</p>
<div class="test">div里面的文字，类也为test</div>
<span class="test">span里面的文字，类也为test</span>
<p>p标签，没有类</p>
<h3 id="title">h3里面文字，ID为title</h3>
<span>span不改变颜色</span>
<div>div不改变颜色</div>
效果如图：
在选择符群组中，每个选择符之间使用英文的逗号（提醒一下：输入法半角状态下的逗号） 隔开，选择符之间的关系为并列关系。
四、选择符的组合，根据HTML的结构关系，层层递进的罗列选择符，目标选择符为最后的一个选择符。每个选择符之间 使用空格分开且它们的关系为父子关系。
假如在CSS中使用选择符组合定义段落标签P中的子标签SPAN，即为：
选择符总结：
介绍了这么多，我画了张图供各位参考一下：
[你必须知道的css系列]第一回：丰富的利器终结篇：选择符的组合关系及选择符总结...相关推荐
- [你必须知道的css系列]第一回：丰富的利器2：CSS选择符之子选择符、相邻选择符...
对了,接下来要讲的属性选择符,相邻选择符,子对象选择符可能大家稍微有点陌生了,这当然也是有原因的,因为IE6及以下的浏览器并不支持这几个选择符,而 大多数从事这方面工作的技术人员,多数时候还是主要考虑 ...
- [你必须知道的css系列]第一回：丰富的利器：CSS选择符之通配符、类选择符、包含选择符、ID选择符...
一般没有系统的学习过,只是在网上看一些片断教程的人.见到最多的可能也就是: 元素选择符(例如:body .a .li ) ID选择符(例如:#head.#body.#foot) 类选择符(例如:.re ...
- [你必须知道的.NET]第二十一回：认识全面的null
<你必须知道的.NET>网站 | Anytao技术博客 [你必须知道的.NET]第二十一回:认识全面的null 发布日期:2008.7.31 作者:Anytao © 2008 Anyta ...
- [你必须知道的.NET]第二十七回：interface到底继承于object吗？
<你必须知道的.NET>网站 | Anytao技术博客 [你必须知道的.NET]第二十七回:interface到底继承于object吗? 发布日期:2009.03.05 作者:Anyta ...
- [你必须知道的.NET] 第五回：深入浅出关键字---把new说透（转载）
[你必须知道的.NET] 第五回:深入浅出关键字---把new说透 作者:Anytao 本文将介绍以下内容: 面向对象基本概念 new关键字深入浅出 对象创建的内存管理 1. 引言 园子里好像没有或者 ...
- [你必须知道的.NET]第二十回：学习方法论
本文,源自我回答刚毕业朋友关于.NET学习疑惑的回复邮件. 本文,其实早计划在<你必须知道的.NET>写作之初的后记部分,但是因为个中原因未能如愿,算是补上本书的遗憾之一. 本文,作为[& ...
- 【转】[你必须知道的.NET]第二十一回：认识全面的null
引用自:http://www.cnblogs.com/anytao/category/155694.html 作者:Anytao . 说在,开篇之前 null. nullable.??运算符.null ...
- [你必须知道的.NET]第二十三回：品味细节，深入.NET的类型构造器
1 引言 今天Artech兄在<关于Type Initializer和 BeforeFieldInit的问题,看看大家能否给出正确的解释>一文中让我们认识了一个关于类型构造器调用执行的有趣 ...
- [你必须知道的.NET]第十三回：从Hello, world开始认识IL
发布日期:2007.7.22 作者:Anytao ©2007 Anytao.com ,原创作品,转贴请注明作者和出处. 本文将介绍以下内容: IL代码分析方法 Hello, world历史 .NET学 ...
最新文章
- 3000 字详解 Pandas 数据查询，建议收藏
- 关于在Webservice里使用LinqToSQL遇到一对多关系的父子表中子表需要ToList输出泛型而产生循环引用错误的解决办法！(转)...
- 使用CURL调用接口[*示例*]
- 百度飞桨和Imagination宣布在全球AI生态系统方面开展合作
- 大湾区第二次.NET技术交流会圆满成功
- Linux系统文件属性,什么是Linux系统的文件属性？
- Asp.NET生成静态页面并分页
- knn的python代码_详细的的KNN代码——python实现
- vs在release下调试时局部变量值错位修复
- fiddler拦截response
- asp.net DataReader DataTable 使用反射给给实体赋值
- 在真机上 模拟GPS
- Xshell/Xftp个人完全免费版
- 声卡驱动正常但就是没有声音,驱动人生解决方案
- 软件工程师需要具备哪些知识？
- 【bzoj3505】 Cqoi2014—数三角形
- linux常用命令大全，建议收藏
- 悠悠古舟渡，浅浅时光去
- laravel-Voyager的安装
- CCNP路由实验之十一 IPv6 (8月5号账号被盗，乱发博文深表抱歉，感谢客服帮忙取回密码）