选择HTML div中的多个元素

时间:2013-09-08 14:38:01

标签: css html5 css3

我有一个带ID的Div(termsAndConditions-sectionB) - 在Div内部有标题和段落块(h4,p)。我想让Div#termsAndConditions-sectionB中的所有文本/元素都为Justified(text-align:justify;)。

我知道为了对所有Div的元素执行此操作,我必须按如下方式执行:

#termsAndConditions-sectionB h4, #termsAndConditions-sectionB p {   
    text-align: justify;
}

我的问题是,是否有其他方法可以选择所有元素,并使用像这样简单的东西来证明它们的合理性?

 #termsAndConditions-sectionB { 
     text-align: justify;
 }

我已经尝试了,它没有用,我搜索了谷歌的一些替代品,但是找不到明确的答案,我可能使用了错误的关键字 - 我是新手,所以任何帮助都会非常感谢。

如果您想知道我为什么这么问:是因为我想让我的CSS更容易阅读,有条理且尽可能少。

3 个答案:

答案 0 :(得分:0)

使用asterix

#termsAndConditions-sectionB * { 
     text-align: justify;
 }

(这将适用于所有后代)

答案 1 :(得分:0)

使用通配符。

#termsAndConditions-sectionB * { 
 text-align: justify;
}

答案 2 :(得分:0)

这是一个不好的做法的例子,但如果没有其他简单的解决方案,它可能会有用。

#termsAndConditions-sectionB { 
  text-align: justify !important;
}