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

roshi のブックマーク 2024/02/14 23:29

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4749267787370834816/comment/roshi" data-user-id="roshi" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/sideway-selection-in-css-with-has.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/sideway-selection-in-css-with-has.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fsideway-selection-in-css-with-has.html" data-user-icon="/users/roshi/profile.png">これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる</a><br><p style="clear: left">後はjQueryのcontains()がCSSにも来てくれればなー。XPathで代用はできるんだけど。。</p><a class="datetime" href="https://b.hatena.ne.jp/roshi/20240214#bookmark-4749267787370834816"><span class="datetime-body">2024/02/14 23:29</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

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

coliss.com2024/02/14

CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場...

118 人がブックマーク・6 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

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

はてなブックマーク

公式Twitter

はてなのサービス