我是一名平面设计师,我已经学习了一段时间html
,css
然后跳到js
.
在学习 css 课程时,一个疑问困扰着我:
.prueba.grande {
font-size: 30px;
}
.cuerpo .mayusculas {
text-transform: uppercase;
}
在第一个 CSS 声明中,如果我按原样放置两个类,那么是否意味着这种样式只会应用于必须具有这两个类的元素?
在第二个声明中,可能是我说的是它寻找具有“body”类的元素,并且所有具有“大写”类的后代都具有这种风格?
我不清楚将类放在一起或分开的区别,两个id,在Atom中经过几次测试后,我认为它必须与我解释的相似,但我不清楚,谢谢!
当这样完成时(一起,没有空间):
.prueba
也具有该类的元素被引用.grande
。例如:
当它是这样的时候(有空格):
.prueba
引用了具有该类的元素的任何后代.grande
。例如:
这是一个可以看出区别的小提琴:
答:你是对的。
应用该规则时,
.prueba.grande {...}
您是说它仅适用于您作为类prueba
和grande
示例所拥有的内容:- 答:你也是正确的。
尽管您的问题和概念非常混乱,但是如果您查找带有类的元素,
cuerpo
并且在该元素内部,则必须有一个带有该类的元素mayúsculas
(不一定必须如此)。例子: