如何刪除css類

Question

我有一段代碼包裝在一個css類中，問題是有一個特定的行需要在<span>但不需要css類。我怎麼能告訴它不採取該CSS？該行

<span id="myPrice" class="Price" runat="server"> 
    <uc:CustomMessage ID="mPrice" MessageKey="myMsg" runat="server" /> //does not need css 
    <span ><asp:Literal ID="litPrice" runat="server" /></span> 
</span> 

因此，大家可以看到第二行，我們不希望應用到它的CSS ..但它必須是「myPrice」跨度內。

有沒有辦法做到這一點？

謝謝

Answer 1

從設計的角度來看這將是更好的造型移動到內<span>代替，但如果那是不可能的，你也許可以排除這樣的：

.Price:not(input[type="button"]) { color:red; } 

以上不包括按鈕，但你可以用你需要的任何元素替換它。這裏有一個更詳細的參考：

http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/

Answer 2

給您的用戶控制自己的CSS類，並指定撤消Price的影響規律。

<uc:CustomMessage CssClass="noStyles" ID="mPrice" MessageKey="myMsg" runat="server" /> 

然後，有一個名爲noStyles規則撤銷的Price任何影響。

Answer 3

您可以將CSS規則只在第一線？

#myPrice #mPrice { your rule }