CSS
最初の文字だけにスタイルを指定できる「:first-letter」セレクタ
p:first-letter{ font-size:30px; font-weight:bold; }以降の要素に対してのみスタイルを指定できるセレクタ
今回は対象以降の指定要素に対してのみスタイルを指定できるセレクタです。 見本はこちら http://jsdo.it/Yukimi.Sato/nsvW CSS p { color:blue; } h2 ~ p { font…全てに適用させる「*」セレクタ
div * { color:#000000; } divの中の全ての要素にcolor指定が適用されます。あまり意識して使ったことはないですが、基本のセレクタですね。ラジオボタンやチェックボックスに使える「:checked」セレクタ
今回はラジオボタンやチェックボックスに使える「:checked」というセレクタを紹介します。 このセレクタは単品で使うよりも「A + B」セレクタと一緒に使うとフォームの利便性が格段にアップします。 見本はこちら htt…「A + B」で隣の要素にのみ指定できるCSSセレクタ
CSSでは「.A」、「#A」、「#A > B」といったセレクタを使って記述していきますが、今回はあまり使ったことのなかった「A + B」というセレクタを紹介します。 H2に隣り合ったPにのみ赤字スタイルが適用される…
Sass：実はプロパティもネストできる。
Sassはセレクターをネスト構造にしてシンプル化できるのが魅力ですが、実はCSSプロパティもネスト構造で記述することができます。 Sass .box { font: { weight: bold; size: 12px;…Sass：演算させずに出力する
.box { $font-size: 13px; $line-height: 25px; font: $font-size/$line-height; } 例えば上記の場合、CSS的な指示としては font プロパティ一…