0

私は2つのCSSファイルを持っています。簡単にするためにそれらをstyle1.cssとstyle2.cssと呼びましょう。

私はそれらをこの順序で含めます：

<link rel="stylesheet" type="text/css" href="style1.css" />
<link rel="stylesheet" type="text/css" href="style2.css" />

スタイル1は、多くのクラスと属性を持つより一般的なファイルです。Style2はこれらを上書きします。

たとえば、style1には次のものがあります。

.row-fluid > .span9 {
width: 74.358974359%;
}

一方、style2には次のものがあります。

.span9{
  width:50%;
}

.span9要素を含む.row-fluidDIVがいくつかあり、重複するセレクターが見つかった場合、ブラウザーは最後のCSSルールのみを受け入れる必要がありますが、最初のスタイルが使用されます。

Chromeデベロッパーツールにアクセスすると、これがわかります。style9からのspan9定義が交差していて、style1からの定義が一番上にあり、代わりに使用されています。

PS：具体的には、style1はTwitter Bootstrap CSSであり、style2はゼロから始めた私自身のCSSです。

4

2 に答える 2

8

あなたはそのcascading部分を理解していますが、CSSの特異性のルールはおそらく理解していません。最初のルールは2番目のルールよりも具体的に要素を選択するため、代わりに選択されます。

その2番目のルールを次のように変更してみてください。

.row-fluid > .span9 {
    width: 50%;
}
于 2012-07-18T13:17:24.263 に答える
1

A.「span9」を「.span9」に変更する必要があります。

B.CSSの優先順位に関する優れたリソースは次のとおりです。http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

于 2012-07-18T13:37:03.477 に答える