0

Twitter Bootstrap からこの CSS の行があります。

.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]
{
    background-image:url("http://cdn.mydomain.com/static/img/glyphicons-halflings-white.png");
}

無効なクラスがliに存在する場合、そのCSSを無視/適用しないようにするにはどうすればよいですか。.dropdown-menu>li.disabled>aこれは簡単に可能ですか？

4

1 に答える 1

1

一般的なケースに必要なスタイルをすべてに適用し、スクリプトの下位に、デフォルトの動作を模倣する「無効な」クラスの別のスタイルでそれをオーバーライドできます。

このようなもの: http://jsfiddle.net/8cQvz/1/

div{
 display:block;
 height:25px;
 width: 25px;
 background-image:url("image.png");
 float:left;
 margin:5px;
}

div.no
{
 background-image:none;
}
于 2013-01-26T03:45:12.143 に答える