Css “之间的区别是什么？”；。“类元素”；及；元素。类“；？

CSS选择器中的

.class元素

和

元素.class

之间有区别吗

---

我总是被显示为

element.class

，但就在前几天，我在工作中遇到了一个CSS文件，其中包含

.class element

，我想知道这是否只是一个样式选择（在这种情况下，我会使我的更改匹配），或者是否有特定的原因（在这种情况下，我不一定要使我的更改匹配）

.class元素

选择作为具有该类的元素的后代的所有

s

例如，HTML：

<div class='wrapper'>
  <div class='content'></div>
  <div></div>
  <div class='footer'></div>
</div>

“element.class”选择具有给定类的元素

“.class元素”选择作为给定类的任何对象的子元素的所有元素

例如：

<div class="foo">
    <p>...</p>
</div>

div.foo

将选择div，而

.foo p

将选择子段落。需要注意的是，如果不通过“>”选择器指定直接子级，则在查找子级时将遍历整个文档树。

非常简单的示例：

HTML:

---

我喜欢这样想：

1) a, b  =   a OR b
2) a  b  =   a AND b (on that order)
3) a.b   =   a.b     (on that order)

2,3）ab与ba不同
2） 同时属于a和b的元素，即非a或b元素。是一个范围选择。

---

3） a类b元素。是一个精确的选择。

这与堆栈溢出有何不同/更好？欢迎使用堆栈溢出。在回答问题之前，请回顾问题的其他答案，如果您有其他海报尚未提供的信息，请仅提供您自己的答案。在这种情况下，你的答案将不会被认为是非常有价值的，因为你根本没有解释任何事情，但它特别令人震惊，因为五年前有一个非常好的书面答案被接受和投票。因此，使用后者，我们可以跳过一个级别，避免更多嵌套，保持简单。

<ul class="a">
<li>1</li>
<li class="a">2</li>
<li>3</li>
</ul>

.a li{color:blue;}
li.a{color:red;}

1) a, b  =   a OR b
2) a  b  =   a AND b (on that order)
3) a.b   =   a.b     (on that order)