如何从css中排除特定控件?

我有一个telerik树视图 ,它以HTML格式呈现为ul

当我在我的aspx中使用特定的css尝试时,它没有以正确的方式出现,因为CSS文件有ulli选择器。

来自萤火虫:

在此处输入图像描述在此处输入图像描述


现在我想从(#tabContaier ul ,#tabContaier Li)排除这个控件

我想要一些解决这个问题的通用解决方案,特别是对于telerik控件。


编辑:

应用级联技术后:

  

在此处输入图像描述

如果您无法更改指定了这些规则的.css文件,则有几种方法可以覆盖CSS中的规则。

  1. 级联 :顾名思义,在后面编写的CSS规则中覆盖之前编写的规则,无论它们是否在同一张表中。

  2. 特异性 :比您要用选择器覆盖的规则更具体。 更多关于特异性 。

  3. 内联样式 :使用属性style在HTML元素中编写style 。 强烈建议不要这样做,因为你应该将表示和内容分开(这是CSS的全部要点); 然而,当你在javascript中覆盖它们时,通常会这样做(见下文)。 内联样式实际上只是一个特殊情况(最强)的特殊情况; 它就像是在说: “我的意思就是这里的元素”

  4. 在规则之后使用!important :使用它作为覆盖的最后一种方法, !important覆盖除了用户定义的!important标记样式表之外的任何内容。

当然,既然你用jQuery标记了你的问题,你也可以使用jQuery和javascript来做到这一点。 但在这种情况下,我没有看到你为什么要那样做。

例子

在您的情况下,更好的级联的示例将是:在您的telerik样式表定义它们之后定义#tabContainer ul 。 就那么简单。 什么时候导入该样式表? 将它移到您自己的样式表上方,您将确保您要写的所有内容都会覆盖那里写的内容。

特殊性的一个例子是定义类似#container #tabContainer ul东西。 这将覆盖不太具体的#tabContainer ul规则。

内联样式意味着您实际上将样式硬编码在元素中,如下所示:

 

    使用!important对你想要暴力的单一规则起作用,如下:

     #tabContainer ul { height: 40px !important; }