一行目だけにスタイルを指定できる「:first-line」セレクタ p:first-line{ font-size:30px; font-weight:bold; } Yukimi Satoハック2014.04.22 609
最初の文字だけにスタイルを指定できる「:first-letter」セレクタ p:first-letter{ font-size:30px; font-weight:bold; } Yukimi Satoハック2014.04.22 333
以降の要素に対してのみスタイルを指定できるセレクタ 今回は対象以降の指定要素に対してのみスタイルを指定できるセレクタです。 見本はこちら http://jsdo.it/Yukimi.Sato/nsvW CSS p { color:blue; } h2 ~ p { font… Yukimi Satoハック2014.04.21 2,807
全てに適用させる「*」セレクタ div * { color:#000000; } divの中の全ての要素にcolor指定が適用されます。あまり意識して使ったことはないですが、基本のセレクタですね。 Yukimi Satoハック2014.04.21 194
ラジオボタンやチェックボックスに使える「:checked」セレクタ 今回はラジオボタンやチェックボックスに使える「:checked」というセレクタを紹介します。 このセレクタは単品で使うよりも「A + B」セレクタと一緒に使うとフォームの利便性が格段にアップします。 見本はこちら htt… Yukimi Satoハック2014.04.18 546
「A + B」で隣の要素にのみ指定できるCSSセレクタ CSSでは「.A」、「#A」、「#A > B」といったセレクタを使って記述していきますが、今回はあまり使ったことのなかった「A + B」というセレクタを紹介します。 H2に隣り合ったPにのみ赤字スタイルが適用される… Yukimi Satoハック2014.04.18 520
MTでフィーチャーフォン用ページを作る際に必須プラグイン「MT-I18N」 MTでは生成されるHTMLの文字コードはUTF-8で固定されてしまっている為、フィーチャーフォン用のページを出力する際にこの仕様が大きな壁となります。 ですが、「MT-I18N」プラグインを使用すればS-JISでの出力も… Yukimi Satoハック2014.04.17 278
反射させて表示できる「box-reflect」 現状ではwebkit系のブラウザのみの対応のようです。鏡面効果もこのプロパティで実現することができます。 -webkit-box-reflect:right; これで右側に反転させて表示させます。 Yukimi Satoハック2014.04.17 581
IE6~9までのCSSハック IE9 :root body { color:#000000 ¥0/; } IE8 body{ color: #000000¥9; } IE7 body{ *color: #000000; } IE6 body{ _co… Yukimi Satoハック2014.04.16 280