-1

次のページは、いくつかの箇条書きテキストを含む本文です。箇条書きテキストを本文テキストと同じ (大きい) サイズにする必要があります。

http://www.a-quick-sale.co.uk/howitworks/

サイト (/global.css) にはグローバル スタイルシートがあり、それにエントリを追加しました。

li { font-size: 14px;}

しかし、その font-size スタイルは適用されていません。ページ コンテキストにスタイルを直接適用するのを怠惰に始めたくはありませんが、作成したグローバル スタイルが適用されないのはなぜですか?

私は 10 年以上 CSS や HTML を使った仕事をしていないので、優しくしてください。現在のスキルを持っている人なら誰でも答えは明らかでしょう。

4

8 に答える 8

3

div#content liは単一のタイプセレクターよりも具体的であるため、特定性をオーバーライドするには、カスケードの上位にある要素を含める必要があります

特異性は4つの数値（0,0,0,0）と考えることができます

  • インラインスタイルが最初です-最高の優先順位
  • IDセレクターは2番目の番号です
  • 疑似クラスと属性セレクターは3番目です
  • タイプセレクターは4番目です
  • ユニバーサルセレクター*の特異性は0で、何でもオーバーライドされます。

したがって、指定するだけliで値は（0,0,0,1）div#content liになり、特異性は（0,1,0,1）になります。後者が優先されます。この概念を使用して、より高いセレクターを考え出すだけです。

于 2013-03-13T14:55:04.693 に答える
2

global.cssファイルには、その中div#content liを選択したより具体的なセレクターがfont-sizeあります。セレクターを具体的に指定するか、コンテンツ領域全体に適用するように具体的に指定します。

于 2013-03-13T14:54:55.487 に答える
2

同じglobal.cssには、div#content li { font-size: 12px;}より具体的であるために適用されるがあります。

于 2013-03-13T14:55:02.410 に答える
1

次のように、スタイルを強制してみてください。

li { font-size: 14px !important ;}

したがって、その要素の既存のスタイルよりも優先されます。

于 2013-03-13T14:56:10.507 に答える
1

Chrome 開発者ツール (F12) を使用すると、各要素にどのスタイルが適用されているかを確認できます。また、スタイルが取り消し線で示されているため、スタイルがオーバーライドされていることも確認できます。このような CSS の問題をデバッグするのに非常に役立ちます。

于 2013-03-13T14:56:33.690 に答える
0

global.cssの108行に、div#content li { font-size: 12px;} ：ルールをオーバーライドするCSSルールがありますli { font-size: 14px;}。

于 2013-03-13T14:58:40.453 に答える
0

同じファイルで、208行目で、div#content li {font-size: 12px;}どちらが単なる。よりも正確であるかを定義しているためですli。

于 2013-03-13T14:55:16.153 に答える
0

リンク自体にスタイリングを適用する必要があると言わざるを得ませんが、それは単なるプレーンテキストではありませんli。

li a { font-size: 14px;}
于 2013-03-13T14:57:27.763 に答える