将CSS样式应用于嵌套类div div
问题描述:
我不知道如何将CSS应用于嵌套元素。 这里是我的示例代码,但我正在寻找解释所有规则的手册。将CSS样式应用于嵌套类div div
<div id="content">
<div id="main_text">
<h2 class="title"></h2>
</div>
</div>
如何申请CSS只嵌套在该特定div
里面的类title
?
答
您使用
#main_text .title
{
/*attributes*/
}
,如果你只是把选择之间的空间,样式将应用到第一的所有儿童(儿童的儿童)。因此,在这种情况下,#main_text的任何子元素的类名称为.title。如果您使用>
,而不是一个空间,它只会选择元素的直接子,而不是孩子的孩子,例如:
#main_text>.title
{
/*attributes*/
}
要么会在这种情况下工作,但首先是更典型的使用。