Prototype Prototype - 5 months ago 7
CSS Question

Colour a button blue, with help of css

I just want to colour a button in webpage. The html section of the web page is given below.From my understanding its single button from a group of adjacent button.

enter code here
<div id="moderationbuttons">
<div class="buttonlist floatbottom" id="moderationbuttons_strip">
<ul class="nav nav-pills">
<li>
<a class="button_strip_0"></a>
</li>
</ul>
</div>
</div>


I want to know how to select button_strip_0. Dont know how to do it with two classes in an id??

Answer

This should do

.html with CSS

<style>
#moderationbuttons .buttonlist ul.nav 
{
    list-style-type:none;
}
#moderationbuttons .button_strip_0 
{
    padding:5px;
    background-color: #0874d1;
    color: #fff;
    border-radius: 4px
}
</style>

<div id="moderationbuttons">
  <div class="buttonlist floatbottom" id="moderationbuttons_strip">
    <ul class="nav nav-pills">
      <li>
        <a class="button_strip_0">
          <i class="fa fa-0 fa-fw"></i>
          Hello
        </a>
      </li>
    </ul>
  </div>
</div>
Comments