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選擇器更改

回答

相關問題