サイドバーのコンテンツに小さいフォント サイズを適用する方法を探していました。そのために私はしました#sidebar { font-size: 85%}。サイドバーのコンテンツに小さいフォント サイズを適用しました。しかし、h4サイドバーのヘッダーに使用しましたが、それはすでに小さいので、それを小さくするのはやめようと思いました。
上記の考えのために、Wordpress ウィジェット コンテンツのラッパー コンテナー、またはすべてのウィジェット コンテンツで使用できるクラスを検索しましたが、適切な解決策が見つかりませんでした。1 つの解決策は、役に立たないテキスト ウィジェットでしか機能しませんでした。それで、CSSソリューションを試しました：
私が試したCSSセレクタ：
1
.widget :not([class~=sideheader]) {}
2.
.widget :last-child {}
上では、パーセントフォントサイズを別の方法で適用しているようです。それはどこかからカスケードしており、適用されたフォントサイズは私が使用したものよりもはるかに小さいです (85%)。#sidebar または特定のウィジェット コンテンツ クラス ( .related-widget {}) を使用すると、完全に機能します。
私の質問は次のとおりです。親にフォントサイズを適用していないのに、フォントサイズがはるかに小さいのはなぜですか? #sidebar {--smaller--}これを試す前に削除しました。フォントは にのみ適用されbody {}ます。