私の子供のテーマのstyle.cssファイルは、その中のすべてのものについて認識されないのはなぜですか？

Question

私は子供のテーマを使っているワードプレスサイトを持っています。私の子の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 { 

} 

すべきであり、そのルールの下ですべてのもの - 、フッタのものである - は無視されています。