CSS
最後の要素にだけスタイルを設定できる「:last-child」セレクタ
li:last-child{ color:red; } <ul> <li>スタイルは適用されません。</li> <li>スタイルは適用されません。</li> &…最初の要素にだけスタイルを設定できる「:first-child」セレクタ
li:first-child{ font-weight:bold; } <ul> <li>太字が適用されます。</li> <li>スタイルは適用されません。</li&…「◯◯でない場合」にスタイルを適用する「:not」セレクタ
a:not(.test){ color:green; } <p><a href="#">通常リンク</a></p> <p><a hre…
border-boxを使って作成したWebサイトをIE7でも対応させる方法
とても便利なbox-sizing: border-boxプロパティですが、IE7では利用できません。それでも使いたい場合に対応させる方法です。 1.ツールを使う box-sizing-polyfillを利用すると使えるよ…divを親divに対して真ん中に配置する
子divを親divの真ん中に配置するためのCSSです。 HTML <div class="wrap"> <div class="inner">コンテンツ&l…「titleの値が”タイトル”から始まる場合」のスタイルを指定する方法
a[title]{ color:red; } a[title="タイトルは斜体です"]{ font-style:italic; } a[title^="タイトル"]{ font-w…CSSで特定のattributeが付与されているものに対してスタイルを指定する方法
a[title]{ color:red; } a[title="斜体のタイトル"]{ font-style:italic; } <p><a href="#">…