Question

所以我正在制作这个基于wordpress的网站来添加动态内容，但我已经设置了一个完全HTML / CSS和小jQuery构建的主题。

我面临的问题是，当我不得不将首页帖子（如teasers）添加到整个帖子的链接时

像这样的预告： - http://i.gyazo.com/dda9c60eb3a822b84bdcb3e0067dfc3e.png

因为我对wordpress主题一无所知，我接受了esclate的php文件的帮助，并且只是编写了一个可以包含我的css类，id和属性的代码。

因此，首先，header.php中的帖子元素设置如下： -

<div class="post-wrapper">


    <div id="page">
    <div id="page-bgtop">
        <div id="page-bgbtm">
            <div id="content">

对于single.php文件来说是一样的，

我成功地使该网站有头版的预告片帖子，但是当上述ID的相同属性被调用到single.php文件时问题就到了，因为类和id是相似的，当用户点击完整文章时显示/打开

我为single.php post元素创建了另一个类，但它没有任何效果。

这就是它的样子： - http://i.gyazo.com/0ec25c1db676463dd6aea209480e9568.png

它显示了一个预告片，而不是完整的帖子，我该如何纠正这个？

btw为他们所有的css代码

#page {
width:100%;
margin: 0 auto;
padding: 0;
display: inline-block;

}

#page-bgtop {
}

#page-bgbtm {
margin: 0px;
padding: 40px 50px 0px 50px;

}



#content {
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin-left: -40px;
padding: 20px;
display: inline-block;
margin-bottom: 40px;
font-family: 'Raleway',Arial,sans-serif;
font-size: 14px;
line-height: 23px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

我希望我已经谨慎地解释了我对这个问题的掌握。

Answer 1

当你正在处理id时，同样的地方将被应用于使用id的地方，默认情况下它会覆盖类。您可以在html中创建新的id或添加class =“”，这样在你的css中你可以标记元素！重要的是覆盖id内容。这会变得很乱，所以你最好在上面的例子中将你的id更改为类，并使用id对不同页面中的类进行小的更改。

前面和文章页面的宽度不同

1 个答案: