MENU
HOMECSS

CSS

E:nth-child(odd)

セレクタ 意味 Lv 種類 Chrome Firefox IE Opera Safari E:nth-child(odd) 親要素内の奇数番目の子要素Eにスタイルを適用 3 擬似クラス 1- 3.5- […]続きを読む

E:nth-child(even)

セレクタ 意味 Lv 種類 Chrome Firefox IE Opera Safari E:nth-child(even) 親要素内の偶数番目の子要素Eにスタイルを適用 3  擬似クラス 1- 3. […]続きを読む

SCSS 見本

本家SassのサイトからScssの見本部分だけ簡単に見たいと思ってそのまま引用させていただきました。詳しくは、本家サイトをご覧ください。 Sass(http://sass-lang.com/) Sas […]続きを読む

グリッドパネル(CSSのみ)

簡単な等分割のグリッドパネルです。ほかにいい方法あるよなあとは思いましたが、とりあえず。 <style> .post {   border: 1px solid #83B9A0;   he […]続きを読む

CSSで矢印(4種)、噴出し(1種) 作成

CSSのみで矢印(4種)と噴出し(1種)を描くサンプルです。

E:focus

セレクタ 意味 level 種類 ie6 ie7 ie8 modern E:focus タブキーなどでフォーカスされているEにスタイルを適用 2 擬似クラス × × ○ ○ « CSSセレクタ表へ戻る

E:hover

セレクタ 意味 level 種類 ie6 ie7 ie8 modern E:hover カーソルが重なったEにスタイルを適用 1 擬似クラス △ ○ ○ ○ « CSSセレクタ表へ戻る

E:active

セレクタ 意味 level 種類 ie6 ie7 ie8 modern E:active アクティブになったEにスタイルを適用 1 擬似クラス × ○ ○ ○ « CSSセレクタ表へ戻る

E:visited

セレクタ 意味 level 種類 ie6 ie7 ie8 modern E:visited 訪問済みのアンカーEにスタイルを適用 1 擬似クラス × ○ ○ ○ « CSSセレクタ表へ戻る

E:link

セレクタ 意味 level 種類 ie6 ie7 ie8 modern E:link 未訪問のアンカーEにスタイルを適用 1 擬似クラス × ○ ○ ○ « CSSセレクタ表へ戻る

1 2 3 4
Webmaster Knowledge
ページの先頭へ