Question

这是我的代码：

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="item">What did you buy?</label>
            <input type="text" 
                   class="form-control" 
                   id="item" 
                   placeholder="Example thing">
        </div>
    </div>
</div>

我想在我的网站上重复多次重复此代码，但无法找到如何在CSS中定义一些内容，这样我就可以简单地使用<div class="itemThing"></div>而不是复制和粘贴这么多次。

Answer 1

在CSS中无法做到这一点; CSS是一种造型语言，这意味着它是出于美学目的。

您可以在JavaScript中执行类似操作，以动态生成<div>代码

function createDiv(id, parent)
{
    var elem = document.createElement('div');
    elem.id = id;
    document.getElementById(parent).appendChild(elem);
}

这也可以通过PHP获得，例如

$element = "<div id=";
$count = 10;
for($id=0; $id<$10; $id++) {
    echo $element."div".$id."></div>"; 
    //You can do a lot more here, labels, pictures, whatever, just make sure your tags match in the end
}

如何定义CSS以删除混乱的HTML？

1 个答案: