CSS中的点是什么意思？

Question

有人可以解释这两个CSS选择器的区别吗？

.work-container . h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
} 

上层定义中的额外点是什么？

.work-container h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
} 

Answer 1

例

• 选择器以点

  开头

  .class_name表示班级名称

• 两个用空格分隔的点状选择器

  .outside .inside

  表示.inside类的元素来自具有类.outside的元素

• 没有分离的双点选择器

  .name1.name2

  表示同时具有类name1和name2的元素 例如：class="name1 name2"

相关问题：

• What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
• What's the difference between CSS classes .foo.bar (without space) and .foo .bar (with space)

Answer 2

.前缀通常表示一个类选择器，但如果它后面紧跟着空格，则表示语法错误。

如果我冒险猜测，那么作者可能会说.work-container > h3，但错过Shift键就像他要打{{1​​}}个字符child combinator一样}）。

您的第二个选择器>，仅表示包含在名为.work-container h3的类的元素中的任何h3。

Answer 3

CSS中的

.表示它是一个类，它可以应用于许多元素。

CSS中的

#表示它是一个ID，可以应用于每页一个元素。

如果没有，那么它就是一个标记，针对所有用途。

在语法中，.work-container . h3实际上是错误的。 .应该是,或BoltClock所说的>，它表示CSS中的直接后代运算符。

Answer 4

.说它的等级

#表示其ID

如果除了选择器之外什么都没有，那么它就是一个标签

Answer 5

CSS中的

.表示它是一个类＆amp;它可以应用于许多元素，在类之间使用空间

例如：

<h3 class="class1 class2 class2">Heading</h3>

CSS中的

#表示它是一个ID，可以应用于每页一个元素。

例如

<h3 id="idname1">Heading</h3>