CSS Selector Change

Question

Я создал шаблон html / css для использования в CMS.

У меня есть определенный класс:

Мой шаблон:

<li><a class="signup" href="#">SIGN UP</a></li>

CMS Сгенерированный HTML:

<li class="signup last"> 

        <a href="http://hostone.co.nz">SIGN UP</a> 
    </li>

Как я могу изменить свой CSS, чтобы он работал с li, а не с тегом a?

CSS:

#mainMenu .signup{
    background-color:#69c21c;
    height:50px;
    margin-left:360px;
   -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
}

#mainMenu .signup:hover{
    background-color:#00afd8;
}

Answer 1

Если вы все еще пытаетесь применить правила к a, используйте их:

#mainMenu .signup a {
    background-color:#69c21c;
    height:50px;
    margin-left:360px;
   -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
}

#mainMenu .signup a:hover {
    background-color:#00afd8;
}

Если вы буквально пытаетесь применить их к li, вы ненужно что-то делать;li уже генерируется с классом.