CSS选择器更改

我已经创建了要在CMS中使用的html/css模板。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; 
}

来源

2011-07-09 Jess McKenzie

如果它对CMS生成的标记起作用，那么它应该已经应用于li。 – fncomp

[有没有CSS父选择器？]（http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector） – Ross

假设你还在试图将规则应用于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。

来源

2011-07-09 21:09:41 BoltClock

CSS选择器更改

回答

相关问题