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"

相关问题:

• 空格在CSS选择器中意味着什么？即.classA.classB和.classA .classB之间有什么区别？
• CSS类.foo.bar(没有空格)和.foo .bar(带空格)之间有什么区别

Answer 2

一个.前缀通常代表一类选择,但如果它紧跟空格那么它是一个语法错误.

如果我冒险猜测,那么很可能是作者想说的.work-container > h3,但是当他打算输入>角色(儿童组合子)时错过了Shift键.

你的第二个选择器,.work-container h3简单地表示h3包含在一个被调用的类的元素中的任何选择器work-container.

Answer 3

. 在CSS中意味着它是一个类,它可以应用于许多元素.

# 在CSS中意味着它是一个ID,它可以应用于每页一个元素.

没有这两者,它是一个标记,针对所有用途.

在您的语法中,.work-container . h3实际上是错误.本.应该是要么,或BoltClock说>,它说,在CSS的嫡系操作.

Answer 4

. 说它的课

# 意味着它的身份

如果只有选择器,那么它就是一个标签

Answer 5

. 在CSS中意味着它是一个类,它可以应用于许多元素,并在类之间使用空间

例如:

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

# 在CSS中意味着它是一个ID,它可以应用于每页一个元素.

例如

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