天天站长

 找回密码
 用户注册
查看: 96479|回复: 3

CSS的组合和嵌套

[复制链接]

0

主题

0

听众

161

积分

中级会员

Rank: 2

UID
17794
积分
161
威望
5
金币
2
贡献
0
活跃
0
魅力
0
注册时间
2007-7-24
发表于 2007-7-24 14:51:00 |显示全部楼层
CSS的组合和嵌套

组合
你不必重复有相同属性的多个选择符,你只要用英文逗号(,)隔开选择符就可以了。

比如,你有如下的代码:
h2 { color: red; }
.thisOtherClass { color: red; }
.yetAnotherClass { color: red; }

则你可以这样写:
h2, .thisOtherClass, .yetAnotherClass { color: red; }

使用组合,你可以一次定义多个CSS,为你节省很多字节和时间.


嵌套
CSS结构好的话,没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符。(或者更好的说法,上下文选择符--译者著)

比如:
#top { background-color: #ccc; padding: 1em }
#top h1 { color: #ff0; }
#top p { color: red; font-weight: bold; }

这就减去不必要的类或者标识选择符,如果应用到像这样的HTML中:

<div id="top">
<h1>Chocolate curry</h1> <p>This is my recipe for making curry purely with chocolate</p> <p>Mmm mm mmmmm</p>
</div>

这是因为,用英文半角空格间隔选择符,我们指明了在标识id内的h1有“#ff0”的颜色,而p则是红色red和粗体bold。

这可能也会有些复杂(因为可能不止两级,比如在内在内在内在内等等)。你有必要多加练习。

使用嵌套,可以让你的CSS代码读起来更清晰,能给你制定的元素定制CSS.

0

主题

0

听众

2

积分

初级会员

Rank: 1

UID
54221
积分
2
威望
0
金币
1
贡献
0
活跃
0
魅力
0
注册时间
2010-5-16
发表于 2010-10-11 14:11:53 |显示全部楼层
深圳形美佳化妆品贸易有限公司2004年成立,http://www.3dxmj.com,是隔衣点穴丰胸,2分钟减肥在大陆市场的首创者!辟谷养生、特效腹针、气血通诊疗技术、经络全息刮痧、耳疗等美容美体技术在专业线的推广做出了不可磨灭的成绩!在2010年由合益生物科技香港控股有限公司投资,国内首创三维立体养生疗法,养生行业的睿智者,是一家集产品研发、技术革新、培训教育、连锁经营、整店输出、形象加盟为一体的综合型集团公司。公司秉承尊重知识、尊重人才、员工与企业共赢的理念,为各级优秀人才提供多元化的培训、晋升、发展的平台和机会。采用标准化管理模式,拥有行业经验丰富的高素质管理团队。美容行业的领跑者
回复

使用道具 举报

0

主题

0

听众

147

积分

中级会员

Rank: 2

UID
57113
积分
147
威望
0
金币
90
贡献
1
活跃
10
魅力
0
注册时间
2011-1-13
发表于 2011-1-14 11:22:14 |显示全部楼层
过来看看!!!
www.jlzpmedia.com/www.ccmjbg.com
回复

使用道具 举报

0

主题

0

听众

1016

积分

黄金会员

Rank: 4

UID
60080
积分
1016
威望
0
金币
675
贡献
0
活跃
2
魅力
1
注册时间
2013-12-23
发表于 2013-12-23 21:15:23 |显示全部楼层
看帖子的要发表下看法
[url=http://www.http://www.jsjlbbs.com/[b]建设交流论坛[/b][/url]
[url=http://www.http://www.jsjlbbs.com/][b]施工组织设计[/b][/url]&amp;lt;strong&amp;gt;
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 用户注册


|申请友情链接|关于我们|商家合作|广告报价|联系我们|法律声明|隐私条款|无图浏览|手机浏览|  


敬请您尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其它各项有关法律法规。

本网所有帖子均来源网友上传,本站未进行任何修改和未获取任何利益,且仅代表作者本人意见,不代表本网站立场。

天天站长 技术支持:杭州桐庐家园网络技术有限公司 广告合作:13968063988 在线QQ:18118865

Copyright ©2003-2012 Powered by 安网数据 All Rights Reserved. 备案信息:浙B2-20060153号