ホームページ制作会社エスエムティのスタッフブログ

Staff blog

エスエムティの愉快な仲間たち

記事担当
ばさっち

:not()が結構便利だった


こんばんはばさっちです。

CSSでスタイルを適用したいけど、ここだけには適応させたくないって時ありませんか?
私の場合は.noなどのclassを別途用意してスタイルをリセットしたり、別なスタイルで上書きしたりしていたのですが、:notで簡単に除外することができます。

たとえばこんな感じで
#Co:not(.title) {
}

この書き方だと#Coの.titleにはスタイルが適応されません。

リストなどを作成した際の一番最後のpadingの値を変えたりするのが、簡単にできます。
:nth-child()などほかにもの擬似クラスもありますが、:not()の使い方を覚えれば、作業効率もあがるかもしれませんね!!

クリックしていただけると幸いです

http://www.smt-net.co.jp/


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ

キャンペーン

pay-per-click