我现在使用<! - nextpage - >拆分我的页面时,我的CSS不起作用

时间:2015-01-18 19:27:39

标签: html css genesis

这就是我的CSS在页面上的样子。

<!DOCTYPE html>
<html>


<head>
<style>
p.addresscenter {
    background-color: none;
color: #333;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
    font-style: normal;
line-height: 1.2;
margin: 0;  
    text-align: center;
    white-space: pre;
}
p.endtagbold {
    background-color: none;
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 600;
    font-style: normal;
line-height: 1.2;
margin: 0;  
    padding-top:16px;
}
p.hoursofoperationcenter {
    background-color: none;
color: #333;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
    font-style: normal;
line-height: 1.3;
margin: 0; 
    text-align: center;
    white-space: pre;
}
p.infop {
    background-color: none;
color: #OOOOOO;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: normal;
    font-style: normal;
line-height: 1.5;
margin: 0;  
    padding-bottom:30px;
}
p.infostextbox {
    background-color: none;
color: #OOOOOO;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 550;
    font-style: normal;
line-height: 1.5;
margin: 0;  
    padding-bottom:16px;
}
p.topmenu {
    background-color: none;
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 500;
    font-style: normal;
line-height: 1.4;
margin: 0;  
    text-align: center;  

}
p.towncounty {
    background-color: none;
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 700;
    font-style: italic;
line-height: 1.4;
margin: 0;  
    padding-top:16px;
}


 </style>
   </head>
   <body>


<p class="topmenu">Text with id tags here.</p>

这里有一组列用这些标签

 <div class="one-half first">Text</div>
 <div class="one-half"> Text </div>

然后有更多的文本由<p class=""></p>制定,然后最终<!--nextpage-->属性出现在中间的某个地方。

<!--nextpage-->代码后,我有更多带有<p class=""></p>

的文字

整个页面以

结尾
</body>
    </html>

在我没有拆分的其他页面上,css显示正常。无论出于何种原因,<!--nextpage-->之后的第2页都没有显示css。我需要做些什么才能确保css显示在<!--nextpage-->属性之前和之后。

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解一切,但你应该尝试在标签之间放置<!--nextpage-->,而不是在标签之内。

例如:

<p>asdasd</p><!--nextpage--><p>asdasd</p>

没关系,同时:

<p>asdasd<!--nextpage-->asdasdasd</p>

不行。我希望是这种情况,如果没有,请不要用完整的代码进行downvote和更新你的问题。然后我会尝试更新我的答案。


更多的话。单击下一页时,段元素已在之前的页面上启动。所以在实际页面上没有段落开始,只有:asdasdasd</p>导致问题,并且不是有效的HTML。

最好的问候。