CSS - 你可以为特定类的子元素设置样式规则吗?
问题描述:
是否有一种方法可以为类的子元素制定css规则?CSS - 你可以为特定类的子元素设置样式规则吗?
也就是说,如果我有:
.special {
font-size:15px;
}
我可以再有
.special p{
font-weight:bold;
}
,这样,当我这样做:
<div class="special"><p>Hello There</p></div>
的 “你好”,将两个15点和粗体?
答
你是对的。从规格:
以下选择:
h1 em
表示
em
元件是一个h1
元件的后代。
以下选择表示
p
元素是body
子:body > p
下面的示例结合后代组合程序和子组合子。
div ol>li p
它代表了
p
元件,其为li
元件的后代;li
元素必须是ol
元素的子元素;ol
元素必须是div
的后代。请注意,“>
”组合器周围的可选空白区域已被排除。
答
是的,如果您将风格属性分配到parent
而不是child tag
它会自动分配给它。
.special {
font-size:15px;
}
.special p{
font-weight:bold;
}
即使这个工程,
.special {
font-size:15px;
font-weight:bold;
}
但它是很好的样式属性分别分配给目标元素。很容易理解分配给.special
和p tag
的财产。
为什么不尝试呢? – vals