Question

我创建了一个在CMS中使用的html / css模板。

我有一个特定的课程：

我的模板：

<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。

CSS选择器更改

1 个答案: