css - スタイルシートの混乱

Question

私は自分のウェブサイトにテンプレートを使用しました。そのテンプレートには2つのスタイルシートが含まれています。1つはテキスト用で、もう1つはレイアウト用です。今、私はマスターページを持っており、contactUsフォームはそのマスターページを使用しています。マスターページは、上記の両方のスタイルシートを使用します。コントロールにアコーディオンを使用しました。問題は、アコーディオンが使用したコントロールコントロールのデザインビューで完璧であるということです。しかし、上記のマスターページとスタイルシートを使用するcontactUsフォームにアコーディオンを配置するとすぐに、リンクに記載されているスタイルが表示されます。アコーディオンヘッダーリンクで言及されているスタイルの代わりに、上記の2つのスタイルシートが表示されます。何が問題なのか？ブラウザが混乱しないように、どうすればすべてのスタイルを分離できますか？

Answer 1

スタイルシートの内容を見ないと、それらの間の競合が何であるかを正確に言うことはできません。一般的に言えば、2 つのスタイルシートの<a>タグ (<a>はリンクの HTML タグ) のルールが異なります。

スタイルシートを見て、タグに適用されるルールを見つけてください。それらは次のように見えますa { color: red }。セレクターがより複雑になる可能性があるため、その代わりに、より精巧ないくつかのまたはまたはいずれかにaなる可能性があります。次に、テンプレートのいずれかの部分のリンクが CSS クラスを持つようにテンプレートを変更し、関連する CSS セレクターを更新してそのクラスにのみ適用されるようにすることができます。li aa.someClassa.accordionHeader

Answer 2

1- まず、スタイルシートの順序を確認します。

2-最後のものは最初のものを上書きします。

3-スタイルシートの順序を変更します。推測ですが、最初に連絡先のスタイルを使用する必要があると言えます。そのため、一般的なスタイルが上書きされます。

4- そうではなく、結果が期待どおりでない場合は、使用しているセレクターよりも具体的なセレクターを使用して、CSS のコードをより具体的にする必要があります。（aemが彼の答えであなたに言ったように）。

5- aem のように、情報が非常に少ないため、何が起こり、何ができるのかわかりません。

このトピックについてより明確に理解していただければ、より良い方法でお手伝いできます。

さよなら。