无法更改文本颜色为白色

-1

.testfooter > .row > .col-lg-12 > .col-md-3 > .nav nav-pills nav-stacked > a { 
 
    color: white; 
 
}

<div class="testfooter"> 
 
    <br> 
 
    <div style="padding-left:185px;" class="row"> 
 
    <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
     <li><a href="#">About Us</a> 
 
     </li> 
 
     <li><a href="#">Terms of Use</a> 
 
     </li> 
 
     <li><a href="#">Privacy Policy</a> 
 
     </li> 
 
     <li><a href="#">Contact Us</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
     <li><a href="#">Blog</a> 
 
     </li> 
 
     <li><a href="#">Facebook</a> 
 
     </li> 
 
     <li><a href="#">Twitter</a> 
 
     </li> 
 
     <li><a href="#">Linkedin</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
     <li><a href="#">Dentists</a> 
 
     </li> 
 
     <li><a href="#">Dermatologists</a> 
 
     </li> 
 
     <li><a href="#">Gynecologists</a> 
 
     </li> 
 
     <li><a href="#">Orthopedists</a> 
 
     </li> 
 
     <li><a href="#">Pediatricians</a> 
 
     </li> 
 

 
     </ul> 
 
    </div> 
 
    </div> 
 
</div>

我试图改变我的页脚白色的链接从绿色的颜色。但由于某种原因，它不会改变颜色。

下面是HTML

<div class="testfooter"> 
    <br> 
    <div style="padding-left:185px;" class="row"> 
     <div class="col-md-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">About Us</a></li> 
      <li><a href="#">Terms of Use</a></li> 
      <li><a href="#">Privacy Policy</a></li> 
      <li><a href="#">Contact Us</a></li> 
     </ul> 
     </div> 
     <div class="col-md-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Blog</a></li> 
      <li><a href="#">Facebook</a></li> 
      <li><a href="#">Twitter</a></li> 
      <li><a href="#">Linkedin</a></li> 
     </ul> 
     </div> 
     <div class="col-md-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Dentists</a></li> 
      <li><a href="#">Dermatologists</a></li>  
      <li><a href="#">Gynecologists</a></li>   
      <li><a href="#">Orthopedists</a></li>   
      <li><a href="#">Pediatricians</a></li>   

     </ul> 
     </div> 
    </div> 
</div>

这里是我试图用

.testfooter > .row > .col-lg-12 > .col-md-3 > .nav nav-pills nav-stacked > a { 
    color: white; 
}

来源

2014-11-02 James L.

对于你必须做出颜色规则对所有国家（'：active'，'：visited'等）链接 – myfunkyside 2014-11-02 16:27:15

这不是一个具体的回答你的问题，因为这可以看到答案，但不要使用布局特定的类，例如'col-md-3'作为选择器的一部分。只要您决定更改布局，它就会中断。如果需要，可以向有问题的元素添加额外的语义类，并使用这些选择器来编写选择器。至于您的具体问题，请重新阅读您的CSS教程，以了解如何编写选择器以将对象与多个类相关联。 – 2014-11-02 16:45:48

的错误是由于这样的事实，.col-lg-12和NAV-药丸和NAV-堆叠都应该是CSS .nav-pills和.nav-stacked。此外，它可能会更容易编写为：

.testfooter a { 
    color: white; 
}

希望这有帮助，祝你好运！

来源

2014-11-02 16:25:17 phantom

我在您的HTML中看不到任何类.col-lg-12，因此违反了您的规则。此外，您正在使用Direct Child Selector (>)，因此您还必须遵守所有规则<li>。最后，你不应该在.nav.nav-pills.nav-stacked中有任何空格。

这里的工作示例

.testfooter { background-color: #DDD } 
 
.testfooter > .row > .col-md-3 > .nav.nav-pills.nav-stacked > li > a { 
 
    color: white; 
 
}

<div class="testfooter"> 
 
    <br/> 
 
    <div style="padding-left:185px;" class="row"> 
 
     <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
      <li><a href="#">About Us</a></li> 
 
      <li><a href="#">Terms of Use</a></li> 
 
      <li><a href="#">Privacy Policy</a></li> 
 
      <li><a href="#">Contact Us</a></li> 
 
     </ul> 
 
     </div> 
 
     <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
      <li><a href="#">Blog</a></li> 
 
      <li><a href="#">Facebook</a></li> 
 
      <li><a href="#">Twitter</a></li> 
 
      <li><a href="#">Linkedin</a></li> 
 
     </ul> 
 
     </div> 
 
     <div class="col-md-3"> 
 
     <ul class="nav nav-pills nav-stacked"> 
 
      <li><a href="#">Dentists</a></li> 
 
      <li><a href="#">Dermatologists</a></li>  
 
      <li><a href="#">Gynecologists</a></li>   
 
      <li><a href="#">Orthopedists</a></li>   
 
      <li><a href="#">Pediatricians</a></li> 
 
     </ul> 
 
     </div> 
 
    </div> 
 
</div>

来源

2014-11-02 16:39:43 dave

无法更改文本颜色为白色

回答

相关问题