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

Question

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

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

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

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

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

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

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

#test {
position:relative;
}

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

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

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

.testclass #test {
position:absolute;
}

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

.testclass {
position: relative;
}

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

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