css – “.class元素”和“element.class”之间的区别是什么?

前端之家收集整理的这篇文章主要介绍了css – “.class元素”和“element.class”之间的区别是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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 */
}

猜你在找的CSS相关文章