css-specificity

    -1热度

    2回答

    给定一个具有类和ID的元素;如果我将一个具有类选择器的CSS应用于某个元素,并使用某个具有ID选择器的CSS覆盖它,则会应用更高版本。 <a class='abc' id='def' href="#"></a> <style> .abc{ color:red; } #def{ color:blue; } </style> 为什么ID选择器利用类选择器?

    4热度

    5回答

    我有一个非常坏的CSS规则(高特异性,使用的重要!),它设置文本的颜色在一段重写: #wrapper .article .text { color: green !important; } 然后,我把一个简单的跨度元素通过简单的类跨度文本的那款和一套颜色: .black { font-weight: bold; color: black; } 怎么来的,这

    1热度

    3回答

    我是在菜单列表当前页面(.active),这是我的第一次尝试:(对于这里干净页,我把所有的JS Bin) .menu li:hover, .menu li:focus { border-bottom-color: #000; } .menu li.active { border-bottom: 10px solid #888; } 然而,悬停效果关于选项卡不显示为

    1热度

    1回答

    我有一个非常复杂的下拉菜单,它包含几乎每个部分和子部分的不同图标,它引起了特定性问题这一点我觉得很难控制。 例,在父菜单中,我有这样的事情: ul.parent .t1 a:before {background-position: 12px -49px;width:34px;} 在儿童菜单.t1,没有:before伪元素,但它拿起父母的伪元素。 我现在做的,是增加了一类新的子UL,并宣布它:

    5热度

    1回答

    Bootstrap具有table {border-collapse: collapse; border-spacing:0;}样式。我想重写此所以我创建一个类,并在问题把它应用到表: table.FormGroupContainer { border-collapse: separate; border-spacing: 2px; } 但仍的边界保持折叠。 Chrome

    1热度

    1回答

    我有疑问做外部样式表中的css规则会被嵌入或内联css规则覆盖,即使它们具有更高的特异性。 //external stylesheet p { color: blue !important; } //inline css rule p#test { color:red; }

    0热度

    2回答

    我创建从Pixyll分叉一个哲基尔网页。首先,我对CSS和与HTML相关的任何新东西都很陌生。 请参阅屏幕截图。更大的图片是here,HTML/CSS部分在下面。除了红色的盒装内容外,一切都是如此。 原来的主题有标题为“真棒标题”和“关于我们|联系”一样的风格。 我只想修改网站区块的重量​​和字体。 原始的HTML有“Awesome title”的site-title类,但CSS没有site-ti

    0热度

    1回答

    类 好,我有以下代码: <div class="something"> <div class="something-else"> <h2>Heading</h2> <p>Some text</p> </div> </div> 当我尝试它的样式,在另一个样式表的CSS规则不会让我这样做。其他的样式表是这样的: .something h2 {

    3热度

    2回答

    我已经与CSS工作了很长时间,我认为我很好地理解了特异性,但是这个例子让我感到困惑;这是在深夜,所以我可能会丢失一些东西明显: .class span { color: blue; } section#id { color: beige; } <div class="class"> <section id="id">

    3热度

    5回答

    为一个文件: <h1>Section 1</h1> <p>I came after a h1 and should be red.</p> <p>I came after a h1 and should be red.</p> <h2>Section 2</h2> <p>I came after a h2 and should be green.</p> <p>I came after