所以我正在制作这个基于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;
}
我希望我已经谨慎地解释了我对这个问题的掌握。
答案 0 :(得分:0)
当你正在处理id时,同样的地方将被应用于使用id的地方,默认情况下它会覆盖类。您可以在html中创建新的id或添加class =“”,这样在你的css中你可以标记元素!重要的是覆盖id内容。这会变得很乱,所以你最好在上面的例子中将你的id更改为类,并使用id对不同页面中的类进行小的更改。