在div标签中按标签样式

时间:2011-03-30 00:02:35

标签: html css xhtml

不确定这是否可行,但是,您可以在div标签中设置单个标签的样式吗? EG,我可以在页面的一部分放置一个<div>,然后说所有<h2>标签都是绿色的吗?这是可能的还是你必须使用课程? 感谢

3 个答案:

答案 0 :(得分:2)

如果我理解你的要求是正确的,那么是的,这是可能的。 Here's an example。有关详细信息,请阅读CSS selectors

在重新阅读问题时,在div中设置任意元素样式的唯一方法是使用类或id(使用CSS选择器)。 Here's another example使用选择器设置单个项目的样式。

答案 1 :(得分:2)

对于任何单个任意元素,必须使用ID或一次性类并选择:

#green-headings h2 { color: green; }

但是,如果有一些关于<div>可以使用CSS选择器查询的结构信息,则可以使用CSS伪类,而无需在标记中添加ID或类。例如,如果您的<div>始终是body的第一个孩子:

body > div:first-child h2 { color: green; }

答案 2 :(得分:1)

绿色HTML的背景

<div> 
   <p>hello everyone!</p>
   <div> hi. i'm a green bgd box</div>
   <p>nice. i don't have background.</p>
</div>

CSS

div > div {background-color: green}