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 - 颜色不变

回答

相关问题