Question

这是我正在使用的代码：

<div id="wrapper">
<div id="first_line">
    <a href="#"><div class="bouton_style_blue" id="conception" align="center"><p class="bouton_text">Conception des systèmes pilotés</p></div></a>
    <a href="#d"><div class="bouton_style_blue" id="modelisation" align="center"><p class="bouton_text">Modélisation et simulation</p></div></a>
</div>
<div id="second_line">
    <a href="#e"><div class="bouton_style_blue" id="development_control" align="center"><p class="bouton_text">Développement des systèmes de Contrôle-Commande</p></div></a>
    <a href="#f"><div class="bouton_style_blue" id="validation" align="center"><p class="bouton_text">Validation des systèmes de Contrôle-Commande</p></div></a>
</div>
<div id="third_line">
    <a href="#"><div class="bouton_style_purple" id="formation" align="center"><p class="bouton_text">Formation</p></div></a>
</div>

这是关联的CSS：

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

p
{
  color:black;
}


.bouton_texte
{
    text-align: center; 
    text-decoration: none;
    color: white;
}

按钮上的文字是黑色的。我希望它是白色的，但我无法覆盖p规则......

Answer 1

使用此：

.bouton_text
{
    text-align: center; 
    text-decoration: none;
    color: white !important;
}

Css如何覆盖<p> </p>

1 个答案: