爲什麼我的孩子主題style.css文件無法識別其中的所有內容？

Question

我有一個WordPress的網站，我正在使用兒童主題。在我的child style.css中，我對頁眉，頁腳和菜單進行了更改。

對標題和菜單的更改正常工作。當我使用螢火蟲時，我可以知道它使用了我的子主題中的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 { 

} 

眼下，該規則下的一切 - 那就是，頁腳的東西 - 被忽略。