CSS选择器不工作......它确实应该

时间:2012-11-10 23:09:05

标签: html css

提前感谢您提供任何帮助,我一直在桌子上敲了几个小时试图解决这个问题,但我承认我很喜欢这个。

我有导航div:

        <div class="projectNav clearfix">
            <div class="previous <?php if(!get_previous_post()){ echo 'inactive'; }?>">
                <?php previous_post_link('%link', '&larr; %title'); ?>
            </div>              
            <div class="next <?php if(!get_next_post()){ echo 'inactive'; }?>">                     
                <?php next_post_link('%link', '%title &rarr;'); ?>              
            </div>                  
        </div> <!-- end navigation -->                  

这些样式,位于样式表中的媒体查询下。

.projectNav {
    margin: 0 0 0 0;    
    padding-top: 10px;  
    float: none;
}

.projectNav div{
    margin-left: 0px;
    float: left;
{

.projectNav .next {
    float: right !important;
{

.projectNav .previous {
    float: left !important;
{

前两个样式正在影响HTML节点,但最后两个样式根本不会出现。我必须能够选择'previous'和'next'元素将它们浮动到页面的任何一侧,但是对于我的生活,我无法让它们处理它们。我试过更改类名,给他们ID,我能想到的一切。没有。它是否与类字段中的php有关?

帮助!

1 个答案:

答案 0 :(得分:4)

第二,第三和第四种风格的结束花括号是错误的:

.projectNav {
    margin: 0 0 0 0;    
    padding-top: 10px;  
    float: none;
}

.projectNav div{
    margin-left: 0px;
    float: left;
} /* not { */

.projectNav .next {
    float: right !important;
} /* not { */

.projectNav .previous {
    float: left !important;
} /* not { */