CSS编码组成和嵌套循环

日期:2021-01-20 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的


CSS的组成和嵌套循环
CSS组成
你无须反复有同样特性的好几个挑选符,你要是用英文逗号(,)分隔挑选符便可以了。
例如,你有以下的编码:
h2 { color: red; }
.thisOtherClass { color: red; }
.yetAnotherClass { color: red; }
则你能够这样写:
h2, .thisOtherClass, .yetAnotherClass { color: red; }
应用组成,你能够1次界定好几个CSS,为你节约许多字节和時间.
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.
上一篇:DOCTYPE和XHTML的有关了解 返回下一篇:没有了