CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
CSSセレクタのチートシート｜37パターンを一覧で解説
CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
CSS シークレット
28チェックボックスのカスタマイズ35兄弟要素の個数にもとづくスタイル指定 推薦の言葉推薦の言葉 古き良き時代は去りました。前の千年紀には、CSSに対応したブラウザは2つしかありませんでした。しかもこれらのブラウザは、当時は機能がかなり限られていた仕様の中の、さらにかなり限られた部分にしか対応していませんでした。どんな機能を利用でき、どれが利用できないかをすべて覚えてしまうのも容易でした。それぞれの実装にはさまざまなバグや見落としがあり、お笑いも同然のひどいものもありましたが、このような誤りについても我々は把握していました。あまりにも根本的な一部のバグのせいで、各ブラウザでのレイアウトのふるまいにはまったく互換性がありませんでした。この問題を回避するために、HTMLパーサーのバグにつけ込んだハックを大量に用意するといったことまで行われました。 そう考えると、かつてはひどい時代だったのかもし
CSSでここまでできるとは驚いた！ CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門
CSSの解説書というと、通常はWebサイトやスマホアプリを実装するための知識やテクニックですが、今回は『CSSによる本作り』の解説書を紹介します。 原稿の執筆から、本のデザインやレイアウト、データ入稿まで、CSSを活用した本作りのやり方を徹底解説した解説書です。 表紙に「未知の表現力！」とあるように、CSSでこんなこともできるのかと驚きの連続でした。 本書は技術書で評判が高いリブロワークスさんの最新刊。当ブログでもVS Codeの解説書やJavaScriptの解説書を紹介しましたが、今回はCSSによる組版、本作りの解説書です。 マークダウンで原稿を執筆し、それをCSSでレイアウトし、本に仕上げます。本はWeb上でも書籍にもでき、本書自体もCSSで作成されています。
CSSカウンタで入れ子OLリストに番号を付与する方法 | ある計算機屋さんの手帳
CSSカウンタで連番を付与 2020年5月、CSSカウンタを使って入れ子OLリストに連番を付与しました。 HTMLの<ol>タグ（Ordered List）を使用すると自動的に連番を付与します。入れ子構造にすると、その下の項目も連番を付与します。 左側のように連番を付与するのが、HTMLのデフォルト表示です。 右側のように子供の項目の連番に親項目の連番を付けたい場合があります。 CSSカウンタを使用すると実現できます。 <ol>タグによる連番 <ol>タグは、順序付きリスト要素を表現する記述で自動的に連番を付与します。個々のリスト要素は、<li>タグで囲みます。 <ol> <li>TOP First </li> <li>TOP Second </li> <li>TOP Third </li> </ol> 下記のように、連番を付与します。 次に入れ子構造にして、ひとつのリスト要素の中にもうひ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
