私はwoothemes.comのWordpress テンプレート (具体的には「Simplicity」テーマ) に取り組んでおり、CSS を操作するために定められたルールに従っています。
警告!このファイルは編集しないでください。
テーマの更新を簡単にするために、このファイルのスタイルを編集しないでください。代わりに、custom.css ファイルを使用してスタイルを追加してください。このファイルからスタイルをコピーして custom.css に貼り付けると、このファイルのスタイルがオーバーライドされます。あなたは警告されました!:)
かなり明白だと思います。したがって、ルールに従って、CSS セレクター全体を効果的にキャンセルするにはどうすればよいですか (各セレクター要素を手動で 0 に設定することもできると思いますが、これを行うためのより洗練された方法はありますか?)。
.entry img, img.thumbnail { margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff;
/* Box Shadow */
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
疑似コードでは、次のように記述します。
.entry img, img.thumbnail {
clear-all-styles;
}
しかし、明らかにそれはうまくいきません:)