ある CSS を適用するとき、一部だけ除外したいときは「:not()」を直列につないでいけばいいようだ

最終更新日:2015-11-23

最近、便利な CSS の使い方を発見しました。それは「:not を直列につないでいって、一部 CSS を適用しないようにする」という方法です。

例えば、ウィジェットのタイトルに以下のような CSS を追加して、

#supplementary aside h3 {
border-top: 1px solid #1e8cbe;
border-bottom: 3px solid #1e8cbe;
margin: 15px 0 10px;
padding: 8px 5px 7px;
background-color: #fff;
text-align: center;
border-radius: 2px;
position: relative;
}

上下に青いラインを入れていて、一部のウィジェットには適用したくない場合、

image

続きを読む

#2013