css-specificity

    1热度

    2回答

    我正在使用JQuery UI创建一个模式窗口,弹出窗口并提示您在表单中输入一些信息。如果用户没有输入所需的信息,那么文本字段将以红色突出显示,并带有红色边框。 但是,因为我手动更改了字段的边框,所以textarea的边框只会变为红色。尽管我的输入和文本字段具有相同的CSS规则,但结果却有所不同。 错误的输入字段: 误差多行文本: CSS: #emailField input, textarea

    34热度

    6回答

    我想更改☰颜色。 HTML: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> <span class="sr-only">Toggle menu navigation</span> <span class="icon-bar"></span>

    20热度

    2回答

    给定两个同等特异性类来定义颜色属性我认为元素类属性中列出的最后一个类将优先。 从http://htmlhelp.com/reference/css/structure.html: 规格的订购为了方便,当两个规则具有相同的权重,最后规则中指定的胜利。 在下面的真空代码示例中,类规则集的定义顺序决定了优先级。这里最后的或最近的类规则集定义优先。 <style> .makeBlue {colo

    1热度

    2回答

    我有一个网站只有一个样式表:default.css 我手动将其升级到响应。 里面default.css我导入另一CSS文件: @import "mobile.css"; 好吧, 我使用 “媒体都”,检查在PC浏览器的变化。 我的问题是有关重写规则: 例如: default.css: .wrapper .header .logo { width:800px; background-color:

    1热度

    1回答

    我有以下的标记: <div class="breadcrumbs"> <span id="links"> <a href="/home.html" class="pointer">home</a> <span>></span> <a href="/module/users.html">users</a> </span> </div>

    2热度

    3回答

    编辑: 审查我的CSS后,我意识到,我在我的头上有一个巨大的洞,实际的问题是,我没有在bar.css.footer-link:hover定义的color规则简单的事实,所以清楚地应用了来自foo.cssa:hover的颜色规则。 CSS 101.谢天谢地,这是星期五。我显然需要周末。谢谢你的帮助! 我在项目的一些UI上工作时看到了一些有趣的事情,我相信这与我对CSS特性缺乏了解有关。我已经做了一些

    0热度

    4回答

    我有这个简单的CSS代码: p.child-class { color: red; } .parent-class p { color: green; } HTML: <div class="parent-class"> <p class="child-class"></div> </div> 的选择.parent-class被应用,而不是更高的特异

    3热度

    2回答

    我遇到了输入框的CSS优先级问题。宽度为96%正在应用,同时根据优先规则应用宽度auto。如果我申请!important,我想要的样式应用。然而,这不是我想解决问题的方式。 我有一个输入框这样 <fieldset> <label>Search</label> <input type="text" class="standard-size"> <!-- Referring to

    4热度

    5回答

    我的问题应该是相当困难的。出于某种原因,我今天无法将头围住它。 我正在做一个菜单的结构,像这样 <div class="wrapper"> <ul> <li class="menu-item"><a href="#">Menu Item</a> <div class="inner"> <a href="#">Login</a> </

    14热度

    1回答

    我在jQuery UI小部件中工作很忙,主题变得很难,因为我需要解决一些问题。 考虑这个问题: <div id="node" class="ui-widget"> <div class="ui-widget-content"> </div> </div> 那么这个jQuery <script> $(function() { $('#node').hover(