-1

有没有一种有效的方法可以将多个 div 放在一个类中。就像一个简码。例如; 我写,但它会包含。可能吗?抱歉英语不好。

4

4 回答 4

2

我注意到您在问题中将 jQuery 作为标签。使用 jQuery 您可以做到这一点

HTML

<div class="box"></div>

jQuery

$('.box').append('<div class="heading"></div><div class="paragraph"></div><div class="bottom"></div>');

但显然这只会在页面加载后发生。

http://jsfiddle.net/uL9LT/

于 2013-02-19T19:18:31.453 回答
2

不,HTML 没有提供基于类创建额外元素的方法。

听起来您最好使用某种形式的模板语言。

例如,使用模板工具包

盒子.tt

<div class="heading"><div class="paragraph"><div class="bottom">
[% content %]
</div></div></div>

页面.tt

[% WRAPPER box.tt %]
Your content here
[% END %]

TT的输出:

<div class="heading"><div class="paragraph"><div class="bottom">

Your content here

</div></div></div>

伪元素也可能会为您服务。它们听起来不太适合您的问题,但是您没有清楚地解释您的用例。

于 2013-02-19T19:12:18.250 回答
0

... 可以指定多个类,但必须用空格分隔

于 2013-02-19T19:13:32.020 回答
-1

这是一个使用多个类的示例,其中红色类可以控制颜色。

<div class="red box">A</div>
<div class="red heading">B</div>
<div class="red paragraph">C</div>
<div class="red bottom">D</div>
于 2013-02-19T19:19:25.820 回答