質問: ワードプレスでテーマをカスタマイズしています。 特定の要素だけデザインを変える必要があります。 その際、スタイルの継承を上書きすればスタイルが変更されることは分かっているのですが、かなりたくさんのプロパティがありややこしいです。 これを特定の要素だけリセットcssのようにスタイルをリセットして、改めて好きなスタイルを適用できる簡単な方法を探しています。 jqueryまたは、styleタグにscoped属性を付けることで解決できるものなのでしょうか? 知っている方がいましたらご教授下さい。 こんな感じはダメでしょうか?
回答: 本来であれば詳細度の高いセレクタで指定すれば上書きできるのですが、それをいちいち調べたくないということですよね? リセットしたい要素にclass="reset"でもつけて、 ``` .reset { margin: 0!important; padding: 0!important; ・・・略 } ``` って全部のプロパティをリセットしてやったものを書いておくのはどうでしょうか? 1reset.cssがあればreset.css 2テーマのCSS 3.reset{} 4自分のCSS の順序で記述することになりますかね。 4は、 ``` .reset.hoge { margin:10px!important; padding:20px!important; } ``` のように。 しかしこんなことをするくらいなら「特定の要素」のセレクタを突き止めて修正したほうが早くてキレイ、あとで困らない、と思います。