Question

我有一个wordpress网站，我使用的是儿童主题。在我的孩子style.css中，我对页眉，页脚和菜单进行了更改。

标题和菜单的更改工作正常。当我使用firebug时，我可以告诉它正在使用我孩子主题中的style.css。然而，对于页脚，wordpress继续使用父style.css，我不知道为什么。

下面是我的孩子style.css文件：

/*
Theme Name:     Twenty Eleven Child
Theme URI:      http: //bolistylus.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Eric Rea
Author URI:     http: //ericrea.com/
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");

a{ color: #254655; }

body{
background: #ffffff;
}

header#branding{
background: #ffffff;
color: #000000;
}

header#branding h1, header#branding h2, header#branding a{ 
color: #000000; 
text-align: center;
margin-right: 0;
}

header#branding span{
text-align: center;
}

header#branding .widget{
position: absolute;
top: 2em;
right: 7.6%;
}

header#respond{ background: #E7DFD6; }

.welcome{
margin: 15px 60px;
background: #fbffd8;
border: 1px solid #f6ff96;
padding: 15px;
text-align: center;
}

/* =Menu
-------------------------------------------------------------- */

menu#access {
    background: #ffffff; /* Show a solid color for older browsers */
}
#access ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
}
#access li {
    float: left;
    position: relative;
}
#access a {

}
#access ul ul {

}
#access ul ul ul {

}
#access ul ul a {

}
#access a:focus {
}
#access li:hover > a,
#access a:focus {

#access ul li:hover > ul {
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
    font-weight: bold;
}

/* =Footer
----------------------------------------------- */

footer#colophon {
    clear: both;
}
footer#supplementary {
    border-top: 1px solid #ffffff;
    padding: 1.625em 7.6%;
    overflow: hidden;
}

/* Two Footer Widget Areas */
footer#supplementary.two .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 48.1%;
}
footer#supplementary.two .widget-area + .widget-area {
    margin-right: 0;
}

/* Three Footer Widget Areas */
footer#supplementary.three .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 30.85%;
}
footer#supplementary.three .widget-area + .widget-area + .widget-area {
    margin-right: 0;
}

/* Site Generator Line */
footer#site-generator {
    background: #ffffff;
    border-top: 1px solid #ffffff;
    color: #666;
    font-size: 12px;
    line-height: 2.2em;
    padding: 2.2em 0.5em;
    text-align: center;
}
footer#site-generator a {
    color: #666;
    font-weight: bold;
}
footer#site-generator .sep {
    color: transparent;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 0 7px;
    width: 16px;
}

Answer 1

看起来你错过了一个结束括号};

#access a:focus {

#access ul li:hover > ul {
}

应该是

#access a:focus {

}

现在，该规则下的所有内容 - 即页脚内容 - 都被忽略了。

为什么我的子主题style.css文件不会被其中的所有内容识别？

1 个答案: