これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

118 usersがブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

オーナーコメントを固定しています

オーナー coliss CSS :has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方

css

2024/02/14 リンク

オーナーコメントを固定しています

オーナー coliss CSS :has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方

css

2024/02/14 リンク

roshi 後はjQueryのcontains()がCSSにも来てくれればなー。XPathで代用はできるんだけど。。

2024/02/14 リンク

spark7 『DOMツリーを上がる↑だけでなく、横方向↔️の選択もできるようになりました』なるほど、とは思うが...

2024/02/14 リンク

cl-gaku 子にAが存在する親を表すクラスとかがなくなるのは助かってる

2024/02/14 リンク

Shinwiki ちょっとJavascriptさんとお話ししてきてくれる？

2024/02/14 リンク

masakuma0812 [:has][兄弟][隣接][コード]

2024/02/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる

CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました... CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方実装の解説 :has()疑似クラスのシンプルでクールな使い方みなさん、こんにちわ！👋 この記事では、最近すべてのブラウザに

ブックマークしたユーザー

khaibit2024/02/26
yoshi-nkyma2024/02/17
mtom0292024/02/15
gazza0692024/02/15
advblog2024/02/15
sabinezu2024/02/15
unfini2024/02/15
aravow2024/02/15
oto2024/02/15
koma22024/02/15
hm_hs2024/02/15
yug12242024/02/15
takasian_pride2024/02/15
CEOCTO2024/02/15
roshi2024/02/14
imaizm2024/02/14
yasushicohi2024/02/14
o_hiroyuki2024/02/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx