N個にスタイルを指定するセレクタ「:nth-child(N)」 :nth-child(N){ background:#CCCCCC; } N個目に背景色が適用されます。指定は数字の他に「odd(奇数)」「even(偶数)」も指定することができます。 Yukimi Satoハック2014.05.01 274
サイト内で不要なセレクタをリストアップするFireFoxアドオン「Dust-Me Selectors」 https://addons.mozilla.org/ja/firefox/addon/dust-me-selectors/ ページ単位で見てくれるツールやサービスもありますが、こちらのアドオンはサイトまるごと見て不要セ… Yukimi Satoハック2014.04.30 383
JSやCSSを圧縮してくれるウェブサービス「Compress javascript and css」 http://compressor.ebiene.de/ 圧縮したいソースを貼り、クリックするだけで圧縮されます。このサイトのソースも完全に圧縮されているのが面白いですね。 Yukimi Satoハック2014.04.30 464
最後の要素にだけスタイルを設定できる「:last-child」セレクタ li:last-child{ color:red; } <ul> <li>スタイルは適用されません。</li> <li>スタイルは適用されません。</li> &… Yukimi Satoハック2014.04.28 274
最初の要素にだけスタイルを設定できる「:first-child」セレクタ li:first-child{ font-weight:bold; } <ul> <li>太字が適用されます。</li> <li>スタイルは適用されません。</li&… Yukimi Satoハック2014.04.28 437
MT:Ifタグのモディファイアについて <mt:if name="test" eq="yes"> testの値が「yes」である時に表示されます。(完全合致) </mt:if> <mt:if… Yukimi Satoハック2014.04.25 216
「◯◯でない場合」にスタイルを適用する「:not」セレクタ a:not(.test){ color:green; } <p><a href="#">通常リンク</a></p> <p><a hre… Yukimi Satoハック2014.04.25 354
「titleの値が”タイトル”から始まる場合」のスタイルを指定する方法 a[title]{ color:red; } a[title="タイトルは斜体です"]{ font-style:italic; } a[title^="タイトル"]{ font-w… Yukimi Satoハック2014.04.23 231
CSSで特定のattributeが付与されているものに対してスタイルを指定する方法 a[title]{ color:red; } a[title="斜体のタイトル"]{ font-style:italic; } <p><a href="#">… Yukimi Satoハック2014.04.23 193