CSS
colgroupを使ってtableのセルを綺麗にする
<table> <tbody> <tr> <td class=”w10″></td> <td class=”w60″></td> <…CSS3：n番目の要素に対してスタイルを適用する
.test p:nth-ov-type(3) { //スタイル } 上記の記述で、クラス「test」内の3個目のpタグにスタイルを適用します。 0番目開始ではなく実数の1個目開始になります。 この:nth-of-type…absoluteとfixedの違い
慣れても時々選択を間違えるのでメモ。 CSSだけでウィンドウサイズぴったりのボックスを作る この時にはabsoluteとfixedを逆に使うと突き抜けたboxになってしまうので注意。 absolute relative指…jQueryを使わずにタブ切り替えをjsで実装のタブCSS
jQueryを使わずにタブ切り替えをjsで実装する のタブ部分のcss指定になります。 selected付与時はタブがハイライトになるようにしてあります。 #tab{ padding: 0 10px; border-bo…CSS：隣接セレクタ、直下セレクタを使いこなそう
隣接セレクタ .test + div { /* クラス「test」に隣接したdivにスタイル適用 */ } <div class="test"></div> <div&g…CSS：属性セレクタを正しく使いわけよう
[class="test"] { /*クラス名が「test」のものにスタイル適用*/ } [class*="test"] { /*クラス名に「test」を含むものにスタイル適用*/…Sass：includeはやめてextendを使おう
とはいってもincludeもまたメリットはあるのですが、extendを正しく理解して使いこなせばソース容量が減り、サイトのパフォーマンスが改善に繋がります。 前からしつこくextendに関する内容を書いていますが、それだ…