Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

CSSエントリーのまとめ

CSSに関するエントリーのまとめページです。エントリーするたびに随時更新します。

セレクタ

CSS 要素セレクタ - プログラマーな日々
要素セレクタには、HTML要素を指定します。 ...

CSS セレクタのグループ化 - プログラマーな日々
複数の種類の要素にスタイルを適用するには、要素セレクタをカンマ区切りで指定します。 ...

CSS ユニバーサルセレクタ - プログラマーな日々
ユニバーサルセレクタは、アスタリスクで表されます。ドキュメントの全ての要素にスタイルをを適用することを意味します。 ...

CSS クラスセレクタ - プログラマーな日々
クラスセレクタは、class属性のクラス名で要素を指定します。 ...

CSS 複数のクラスセレクタ - プログラマーな日々
クラスセレクタを1つにつなぐと、class属性に全てのクラス名が指定された要素が指定されます。 ...

CSS IDセレクタ - プログラマーな日々
IDセレクタは、指定されたIDの要素にスタイルを適用することを表します。 ...

CSS 単純な属性セレクタ - プログラマーな日々
単純な属性セレクタは、指定された属性をもつ要素にスタイルを適用します。 ...

CSS 単純な属性セレクタの複数指定 - プログラマーな日々
単純な属性セレクタをまとめて指定すると、指定された属性を全てもつ要素にスタイルが適用されます。 ...

CSS 属性値セレクタ - プログラマーな日々
属性値セレクタを指定すると、指定された値に一致する属性をもつ要素にスタイルが適用されます。 ...

CSS 属性値セレクタの複数指定 - プログラマーな日々
属性値セレクタを複数指定すると、指定された属性と値の組み合わせを全てもつ要素にスタイルが適用されます。 ...

CSS 部分的な属性値セレクタ - プログラマーな日々
部分的な属性値セレクタを使うと、スペース区切りで値を複数指定できる属性で、そのいずれかの値指定の有無に基づいて要素にスタイルを適用させることができます。 ...

CSS 特殊な属性セレクタ - プログラマーな日々
[attribute|="value"]という構文で、attribute属性の値がvalueで始まる要素にスタイルを適用させることができます。 ...

CSS 子孫セレクタ - プログラマーな日々
ある要素の子孫の要素にスタイルを適用します。 ...

CSS 子孫セレクタ(その2) - プログラマーな日々
子孫セレクタを他のセレクタと組み合わせることができます。 ...

CSS 子セレクタ - プログラマーな日々
子孫ではなく、ある要素の子(直下の要素)のみにスタイルを適用したい時は、子セレクタを使用します。 ...

CSS 隣接セレクタ - プログラマーな日々
ある要素の直後の要素にスタイルを適用したい時は、隣接セレクタを使用します。 ...

CSS 隣接セレクタ(その2) - プログラマーな日々
隣接セレクタを他のセレクタと組み合わせることができます。 ...

CSS リンク疑似クラスセレクタ(:link) - プログラマーな日々
リンク先にまだアクセスしていないアンカーに、スタイルを適用します。 ...

CSS リンク疑似クラスセレクタ(:visited) - プログラマーな日々
リンク先に既にアクセスしたアンカーに、スタイルを適用します。 ...

CSS 疑似クラスセレクタ(:focus) - プログラマーな日々
現在、入力フォーカスを持っている要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ(:hover) - プログラマーな日々
現在、マウスオーバーされている要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ(:active) - プログラマーな日々
入力によってアクティブになった要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ(:first-child) - プログラマーな日々
他の要素の最初の子である要素にスタイルを適用します。 ...