CSSセレクタの体系と実装テクニック
CSSの適用方法
スタイルルールをDOMに反映させる手法は、以下の3つが主流です。
外部スタイルシート: .cssファイルを分離し、HTML側で<link>タグ経由で読み込む。保守性とキャッシュ効率に優れるため、本番環境での標準手法です。
<head>内インライン定義: <style>タグ内に直接記述する。デバッグや軽量なプロトタイピングに適しています。
タグ ...
8月18日 12:15 投稿
CSS3セレクタ
属性セレクタ
属性セレクタは、要素の属性に基づいてスタイルを適用します。例えば、特定の属性を持つ要素や、属性値が特定の値に一致する要素を選択できます。
<style>
input[readonly] {
background-color: lightgray;
}
textarea[placeholder="検索"] {
background-color: lightblue;
}
</style>
<body>
<div>
< ...
7月21日 03:58 投稿