html - 动态 Web 模板修改我的 CSS div？

Question

我一直在四处搜索，试图找到一些关于我在使用 Microsoft Expressions Web 4 时遇到的奇怪行为的信息，并利用它们内置的动态 Web 模板 (DWT) 功能。

每当我更新我的 DWT 时，我都会遇到一个问题，如果我选择这样做，DWT 又会更新它所附加的页面。自然地，当我修改页眉或导航菜单时，我希望所有页面都使用该新信息进行更新。这非常有效，附加到模板的所有页面都会相应更新，但我的 CSS 还做了一些其他更改。

事情是这样的:每次我更新 DWT 时，我的索引页也会更新。通常情况下，这很好，但它不断改变我的 <div id="post">标签。假设我有五个 <div id="post">在我的索引上。如果我更新 DWT，它们将在之后看起来像这样:

<div id="post">

<div id="post0">

<div id="post1">

<div id="post2">

<div id="post3">

您可以猜到，我的 CSS 之后看起来不一样了，因为只有我的 post 中的一个。 div 将保持事件状态。其他人附加了一个数字，格式被破坏了。然后我需要返回并删除最后的每个数字。

最初，我在使用这些 DWT 时遇到了很多问题，它们基本上是重写整个页面，在 div 中添加 div，完全是意大利面条。我想通了，或者至少，将其归因于我的 HTML 有点乱，并更改了很多标签，这样表达式 Web 就不会再乱七八糟了。

我的帖子 CSS 如下所示:

article, #post {
width:auto;
padding:5px;
border: 1px #A9E8DB groove;
background-color:whitesmoke;
overflow:auto;
margin-bottom:10px;
}


在我的可编辑区域中，即我在 DWT 中指定可在模板外编辑的页面区域，我的 HTML 如下所示:

<div id="rightcolumn">
    <h2>BlahBlah.</h2>
    <br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

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

我希望我对我的问题足够清楚，如果人们认为有必要，我可以提供更多代码，我不想被任意信息淹没(尽管不多)。

我希望你们能就这个问题分享一些见解，也许我不是第一个遇到它的人？我觉得这与我的 HTML 编写方式有关，这可能不是最佳实践。我没有看到任何未关闭的标签，也没有看到任何重复的标签，或任何类似的东西。页面正确呈现，并按照我期望的方式从 GUI 中呈现。

有什么想法吗？

Answer 1

我不知道你的工具。ID 必须是唯一的。但也许你可以处理:

<div class="post">

和

.post {
    width:auto;
    padding:5px;
    border: 1px #A9E8DB groove;
    background-color:whitesmoke;
    overflow:auto;
    margin-bottom:10px;
    }