html - スタイル シートの css が ID タグとクラス タグで機能しない

Question

サイトのグローバル スタイル シートを作成しようとしています。

1471行に達するまではうまく機能しています。現在、一部の id およびクラス タグはスタイル設定され、機能していますが、他のタグは機能していません。

シートからたくさんのスタイルを削除すると、機能していなかったスタイルが機能し始めます。

どうしてこうなったのかわからないし、どう直せばいいのかもわからない。

異なる機能 (ボタンやツール ヒントなど) ごとに個別のスタイル シートを作成したくありません。

どんな助けでも大歓迎です。

Answer 1

1471 行目に構文エラーがないか確認してください。また、正確な回答が必要な場合は、関連するコードまたはリンクを提供してください。

Answer 2

かなりオープンエンドの質問。htmlとcssを検証することをお勧めします。そのうちの 1 つに構文エラーがあるようです。

Answer 3

まず、CSS の構文エラーを確認してください。

すでにそれを行っていると仮定すると、通常、この種のことは、要素に近いレベルで既にスタイル設定されているものを外部でスタイルしようとすると発生します。基本的に、優先順位は次のとおりです。

1. インライン スタイル
2. HTML ビュー内で CSS をブロックする
3. 外部スタイルシート

たとえば、これがあるとしましょう：

<div id="test" class="testclass" style="position:absolute;"></div>

次に、外部スタイルシートに次のものがあります。

#test {
position:relative;
}

インライン スタイルは、チェーンの上位にあるため優先されます。

特異性についても同様です。ルールが具体的であるほど、優先順位が高くなります。

たとえば、次のようになります。

.testclass #test {
position:absolute;
}

これよりも優先されます：

.testclass {
position: relative;
}

より具体的だからです。したがって、これらのことを念頭に置いてください。また、各ビューで検索するスタイル シートを指定する必要があることにも注意してください。それで問題が解決しないかどうかを確認してください。