CSS选择器中的.class元素和element.class之间有区别吗?我总是显示element.class,但只是在另一天遇到一个CSS文件在工作中有.class元素,想知道这是否只是一个样式选择(在这种情况下,我会使我的更改匹配),或者如果有一个特定的原因(在这种情况下,我不一定要让我的更改匹配)。
解决方法
element.class选择具有该类的所有< element /> s。 .class元素选择作为具有该类的元素的后代的所有< element />。
例如,HTML:
<div class='wrapper'> <div class='content'></div> <div></div> <div class='footer'></div> </div>
例如,CSS:
div.wrapper { background-color: white; /* the div with wrapper class will be white */ } .wrapper div { background-color: red; /* all 3 child divs of wrapper will be red */ }