CSS - 顏色不變

我試圖修復我的TEXT顏色的顏色，它的白色與背景的顏色相同，儘管事實上它的顏色設置爲：＃1a6eb6並且其設置爲#submenu中的相同值ul li文本我prettz迷失了，有人可以幫我嗎？CSS - 顏色不變

我的HTML：

<span id="right"> 
    <ul> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    </ul> 
    </span>

我的CSS：

#submenu{ 
    color: #1a6eb6; 
    display: inline-block; 
    height: 50px; 
    width:780px; 
} 

#submenu ul { 
    margin-left: 20px; 
    padding-left: 0px;   
} 

#submenu ul li{ 
    list-style-position: inside; /* Bodka v novom riadku vo vnutry */ 
    list-style-type: none;   /* bez bodky */ 
    background-image: url("images/shop_menu_bg.png"); 
    background-repeat: repeat-x; 
    height: 38px; 
    width: 187px; 
    display: inline-block; 
    color: #1a6eb6;   
} 

#submenu ul li:hover { 
    background-image: url("images/shop_menu_bg_hover.png"); 
    width: 187px; 
    height: 38px;    
} 

#submenu ul li .text{ 
    color: #1a6eb6; 
    display: inline-block; /* aby sa dala rovnomerne posunut sipka a nie podla dlzky textu*/ 
    height: 31px; 
    width:115px; 
    line-height: 28px; 
    margin-left: 5px;   
} 

#submenu ul li .horizontal-arrow{ 
    background-image: url("images/horizontal_arrow.png"); 
    background-repeat: repeat-x; 
    display: inline-block; 
    height: 19px; 
    width: 14px; 
    margin: 0px 0px 0px 45px; 
    vertical-align: middle;  
} 

#submenu ul li:hover .horizontal-arrow{ 
    display:none;   
} 

#submenu ul li .vertical-arrow{ 
    background-image: url("images/vertical_arrow.png"); 
    background-repeat: repeat-x; 
    display:none; 
    height: 12px; 
    width: 19px; 
    margin: 0px 0px 0px 45px;   
} 

#submenu ul li:hover .vertical-arrow{ 
    display: inline-block;    
}

來源

2014-04-10 user3009924

哪裏是在HTML'＃submenu' ..？ –

HTML中使用了「text」的位置？ –

您的HTML示例中沒有任何地方使用'.text'類，並且您的示例中沒有任何將首先將文本設置爲白色的CSS。嘗試製作一個顯示您的問題的JSFiddle。 –

它不應該是

<span class="submenu">

來源

2014-04-10 16:58:10 AlieN

這將永遠工作。由於列表（ul）的父元素具有id或現在子菜單的原因。

現在，由於您擁有子菜單的CSS，因此您可以更改HTML以滿足要求，而不是更改整個CSS文件。

<span id="submenu"> 
    <ul> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    <li><span class="blue-arrow"></span><span class="newsheading"><a href="#">Gamesites má nový web ou jeeee!</a></span><span class="blueballoon">10</span><span class="balloon">10</span></li> 
    </ul> 
    </span>

請注意子菜單的類名是行不通的，因爲#不是一個類名選擇。這是一個ID選擇器。

這是行不通的：

<span class="submenu"> <!-- creating the class, not the id -->

來源

2014-04-10 17:05:19

CSS - 顏色不變

回答

相關問題