如何为元素或div的内容设置样式？

我知道你可以使用ELEMENT * {...}为ELEMENT中的每个单独项目设置一个样式，但是我想整体设置样式。我也知道你可以使用ELEMENT #DIVID {...}但是我不想在我的代码中包含另一个DIV。如何为元素或div的内容设置样式？

如果你在想为什么我不只是整个ELEMENT {}的样式，这是因为当我使用填充时，我不希望我的ELEMENT根据填充更改大小。

这是我目前所拥有的;

CSS代码：

article { 
    background: #fff; 
    width: 900px; 
    margin: 0 auto; 
    border: 1px solid #e0e0dc; 
    -webkit-box-shadow: 0px 0px 10px #e0e0dc; 
    -moz-box-shadow: 0px 0px 10px #e0e0dc; 
    box-shadow: 0px 0px 10px #e0e0dc; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    overflow: auto; 
} 

article #content { 
    padding: 25px; 
}

HTML代码：

<article> 
    <div id="content"> 
    <h2>Test Title</h2> 
    <p>Blah Blah Blah</p> 
    <p>Blah Blah Blah</p> 
    <p>Blah Blah Blah</p> 
    <a href="http://google.com">Google</a> 
    </div> 
</article>

我不希望有内容DIV。

来源

2011-08-01 MetaDark

你可以发布HTML块，显示一切吗？那么感受一下你现在想要做的事情会容易得多。 CSS也会很有帮助。 –

可以元素中为每种类型的元的做到这一点：

ELEMENT DIV, ELEMENT SPAN, ... { ... }

来源

2011-08-01 16:47:28

与ELEMENT * {...}没有相同的效果吗？我也不想在每个单独的子元素上填充，我希望在不使用DIV的情况下填充所有子元素。 – MetaDark

嗯，我一定误解了你的意思。如果这是你如何使用它，那么它不应该添加任何填充到主ELEMENT。你为什么不使用'ELEMENT * {...}'？ –

我编辑了我的上面的评论来回答这个问题，但我会重复。我不想在每个单独的元素上填充，我想要围绕这组元素进行填充。但是，如果将填充放置在ELEMENT {...}中，ELEMENT将根据填充量增加大小。 – MetaDark

This是一个必须阅读的CSS选择器

来源

2011-08-01 17:16:46 Rdpi

如何为元素或div的内容设置样式？

回答

相关问题