【CSS3】疑似否定クラス E:not(s) at softelメモ
問題 諸事情で、.hogeのpre要素 <pre class="hoge">...</pre> はあるスタイルシートを適用して、class属性のない素のpre要素 <pre>...</pre> には別のあるスタイルシートを適用したいです。 さらに、既存の別のclassが指定されているpre要素 <pre class="何か">...</pre> には影響を与えたくないです。 できますか。 答え CSS3の「疑似否定クラス E:not(s) → セレクタsにマッチしない要素E」を使うとできる。 pre.hoge { /* .hoge に適用される */ } p:not([class]) { /* class属性の指定がない素のpreに適用される。他のclass属性のある要素には影響しない。 */ } IEは9以降なら対応している。 今どきのブラウザなら大丈夫。 CSS #demo201511
【css】いろんな形をスタイルシートで at softelメモ
.square { width:100px; height:100px; border:1px solid #000; background:yellow; } .parallelogram { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(20deg); -o-transform: skew(20deg); -moz-transform: skew(20deg); -webkit-transform: skew(20deg); } .parallelogramRight { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(-20deg); -o-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
