最近在写一个网站的静态页面,开始了自学前端的编程知识。其中有关CSS选择器几点,搞了很久才搞明白,特地记录下来。
多类选择器
如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:
.important {font-weight:bold;}.
warning {font-style:italic;}.
important.warning {background:silver;}
记住,important和warning之间是没有空格的(如果有空格,那完全试另外一个意思了----后代选择器)。
后代选择器
如果您希望只对 h1 元素中的 em 元素应用样式(不论下面多少个层级)。
h1 em {color:red;}
你要选择important类下,warning类的所有元素,那就应该这样:
important .warning {background:silver;} (记住中间有空格的哦)
子元素选择器
如果不希望选择所有后代,之选择下面的直接后代,那就应该这样来写。
h1 > em {color:red;}
`important > .warning {background:silver;}