ゴトー
CSS3：n番目の要素に対してスタイルを適用する
.test p:nth-ov-type(3) { //スタイル } 上記の記述で、クラス「test」内の3個目のpタグにスタイルを適用します。 0番目開始ではなく実数の1個目開始になります。 この:nth-of-type…CSS3：特定の画像に対してスタイルを適用する
img[src$=”test.png”] { //スタイル } 属性セレクタの記述方法ですが、クラス名に限らずあらゆる属性値を参照できます。 srcを「$=」で後方一致させることで特定の画像に対してスタイルを適用させるテ…CSS：隣接セレクタ、直下セレクタを使いこなそう
隣接セレクタ .test + div { /* クラス「test」に隣接したdivにスタイル適用 */ } <div class="test"></div> <div&g…CSS：属性セレクタを正しく使いわけよう
[class="test"] { /*クラス名が「test」のものにスタイル適用*/ } [class*="test"] { /*クラス名に「test」を含むものにスタイル適用*/…Sass：includeはやめてextendを使おう
とはいってもincludeもまたメリットはあるのですが、extendを正しく理解して使いこなせばソース容量が減り、サイトのパフォーマンスが改善に繋がります。 前からしつこくextendに関する内容を書いていますが、それだ…JavaScript：ブラウザのDOMから得られる情報はとりあえずtoLowerCase
ある処理のためクリックしたオブジェクトから「nodeName」を参照したところ、タグ名が「DIV」といった形で大文字で入っていたのが気になった。 ブラウザによっては小文字で返すものもあるのではと思ったので、そうした疑念が…JavaScript：トグル関数の基本形
jQueryを使えば簡単にできる表示のトグルですが、社内ではjQueryの使えない環境がぼちぼちあるためベーシックなJSで組まざるをえないことが結構あります。 JavaScript function toggle($th…