プログラム自学案内の7回目です。前回の記事ではCSSファイルとCSS属性のいくつかを紹介しました。今回はCSSセレクタ（CSS Selector）を案内します。CSSセレクタのコーディングには、パズル的なところがあり、意外と面白いです。 準備：簡単なHTMLファイルと空 ...

CSS 2.1と比べて、CSS 3には多数のセレクタが追加されている。そのひとつに属性セレクタがある。CSS 2.1では完全一致による指定しかできなかったが【1】、CSS 3では部分一致での指定が可能になった【2】。これにより、リンク先がPDFファイルの場合にPDF ...

first previous active last以外の要素にスタイルを適用したい。こういう場合、:not()セレクタを使って指定を除外するが、複数指定する場合も同様に:not()セレクタを使う。 使用方法 Selectors Level 3 では、:not(.first, previous)ように続けて指定できない。 以下のように:not ...

CSSセレクタとは何か？──スタイルの命を吹き込む“指定”の本質 1. はじめに：セレクタとは対象を見つける眼 CSSにおける「セレクタ（Selector）」とは、HTMLドキュメント上のどの要素にスタイルを適用するのかを指定するための構文でございます。 例える ...

CSSの「セレクタ」の書き方 再入門（CSS3対応版）(3ページ目) スタイルの適用先を指定する「セレクタ」には、様々な条件で対象を絞り込める書き方が用意されています。うまく活用すれば、いちいちHTML側にclass属性やid属性で名前を割り振らなくても、CSS側 ...

As a compiler, css-select turns CSS selectors into functions that tests if elements match them. As an engine, css-select looks through a DOM tree, searching for elements. Elements are tested "from the ...