Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。一定の高さまでスクロールをするとnavigationの高さを小さくし、LogoとListItemのフォントも小さくしたい。classList.removeでクラスの切り替えをしています。.scrolledと.scrolled_font最初の'standard_nav'は正常に動作していますが、2つ目のaタグがうまく機能しておらず、フォントサイズが小さくなりません。以下2点も確認してみましたが同じ結果でした。"scrolled_font";を入れてクラスの付与classをidに変えてみたりと、いろいろ試してみましたが、解決しません。どなたかご教示いただけますと幸いです。scrolled_fontになります。同じなので、スタイルシートのソースコード上で後のルールが優先されます。24px;が採用されます。対処方法はいくつかあります。ソースコード上での順番を変える。.scrolled_fontのルールを.logoより後に書く.scrolled_fontのfont-sizeに!importantを付ける.scrolled_fontの詳細度を上げる。個の銅バッジ.scrolled_fontを.logoよりも下の記述しなおしたところ、Logoのフォントサイズは正常に反映されましたが、リストアイテムのaタグについては反映されませんでした。(Logo)以外のクラスを変更していません。10:16<a>(Logo)クラス以外の変更がされてないことに気づきませんでした。ご指摘のとおり、一致する全ての<a>を変更する内容に変えたところ、リストアイテムの<a>にも反映されました。|1CSSにおいて、.scrolled_fontのスタイル指定が.logoよりも上に書かれていることが原因です。ご提示のページにおいて、JavaScriptは正しく動作しています。その結果、スクロールした状態においてa要素にはlogoクラスとscrolled_fontクラスが両方付いている状態になるので、これらのスタイルが両方適用されます。24px;が適用されます。この場合、.logoと.scrolled_fontで詳細度(優先順位)が同じであるため、下に書かれているほう、つまり.logoのほうが優先され、フォントサイズは24pxのまま変化しないという状況になっています。ひとつの解決方法は、.scrolled_fontに対する指定を.logoよりも下に移動させることです。他の方法としては.scrolled_fontの指定の詳細度を上げるという方法があります。詳細度については複雑なので詳しいことはご自分で調べていただきたいのですが、例えば以下のように変更すると解決します。個の銅バッジ.scrolled_fontを.logoよりも下の記述しなおしたところ、Logoのフォントサイズは正常に反映されましたが、リストアイテムのaタグについては反映されませんでした。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。スクロール追従型にメニューをカスタマイズしたい1Monacaを使ってjavascriptでクラスを作成し呼び出しに失敗3ページを最初から指定の位置にスクロールする0HTML5/javascriptで表示の切り替えをしたいのですが、find()の使い方がいまいちわかりません。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。