「:not()」セレクタを利用して◯◯以外の要素へCSSを適用する

harada 195views 更新:2015年2月5日

CSS3で追加された「:not()」セレクタを利用することで、CSSで条件指定を行うことが可能です。
「:not(?)」セレクタは?以外の内容に対してCSSを適用することができます。

ex. セレクトボックス以外のセレクトに高さを指定する場合

select:not([multiple]) {
    height: 30px;
}

IE7ではCSS3はサポートされていませんので、IE7では下記の指定をする必要があります。

select {
    height: 30px;
}

select[multiple] {
    height: auto;
}

参考:CSS for element SELECT multiple=yes

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません