:has()

特定の要素がセレクタ内にあるかどうか判別する

Card Title

This is a card description. This is a card description. This is a card description. This is a card description.

Card Title

This is a card description. This is a card description. This is a card description. This is a card description.

特定の要素がある要素の後に続いているかどうか判別する

Card Title

This is a card description. This is a card description. This is a card description. This is a card description.

This is a card description. This is a card description. This is a card description. This is a card description.

Card Title

This is a card description. This is a card description. This is a card description. This is a card description.

The link will be entered.

form要素でフォーカスされたinput要素があるか判別する

thタイトル
thタイトル
thタイトル

:is()

h1_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h2_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h3_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

:where()

h1_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h2_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h3_タイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

:is()と:where()の違い

.is-wrapの場合

テキストテキストリンクが入ります。

テキストテキストリンクが入ります。

テキストテキストリンクが入ります。

.where-wrapの場合

テキストテキストリンクが入ります。

テキストテキストリンクが入ります。

テキストテキストリンクが入ります。