如何从css中排除特定控件?
我有一个telerik树视图 ,它以HTML格式呈现为ul
。
当我在我的aspx中使用特定的css
尝试时,它没有以正确的方式出现,因为CSS文件有ul
和li
选择器。
来自萤火虫:
现在我想从(#tabContaier ul ,#tabContaier Li)
排除这个控件
我想要一些解决这个问题的通用解决方案,特别是对于telerik
控件。
编辑:
应用级联技术后:
如果您无法更改指定了这些规则的.css
文件,则有几种方法可以覆盖CSS中的规则。
-
级联 :顾名思义,在后面编写的CSS规则中覆盖之前编写的规则,无论它们是否在同一张表中。
-
特异性 :比您要用选择器覆盖的规则更具体。 更多关于特异性 。
-
内联样式 :使用属性
style
在HTML元素中编写style
。 强烈建议不要这样做,因为你应该将表示和内容分开(这是CSS的全部要点); 然而,当你在javascript中覆盖它们时,通常会这样做(见下文)。 内联样式实际上只是一个特殊情况(最强)的特殊情况; 它就像是在说: “我的意思就是这里的元素” 。 -
在规则之后使用
!important
:使用它作为覆盖的最后一种方法,!important
覆盖除了用户定义的!important
标记样式表之外的任何内容。
当然,既然你用jQuery标记了你的问题,你也可以使用jQuery和javascript来做到这一点。 但在这种情况下,我没有看到你为什么要那样做。
例子
在您的情况下,更好的级联的示例将是:在您的telerik样式表定义它们之后定义#tabContainer ul
。 就那么简单。 什么时候导入该样式表? 将它移到您自己的样式表上方,您将确保您要写的所有内容都会覆盖那里写的内容。
特殊性的一个例子是定义类似#container #tabContainer ul
东西。 这将覆盖不太具体的#tabContainer ul
规则。
内联样式意味着您实际上将样式硬编码在元素中,如下所示:
使用!important
对你想要暴力的单一规则起作用,如下:
#tabContainer ul { height: 40px !important; }