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 }

如何删除css类

3 个答案: