勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

特定のID / Classを持つタグの親要素に対してCSSを割り当てる方法

  CSS

特定のID / Classを持つタグの親要素に対してCSSを割り当てたい。また、その案件ではASPを用いたサイトのため親要素に対してインラインで直接CSSを書いたり、ID / Classを付与することはできないという制限があった。以下に対応方法のメモ。

 

リファレンス

https://developer.mozilla.org/ja/docs/Web/CSS/:has

 

ソースコード

<style>
div:has(#test){
    color: #f00;
}
</style>
<div>
    親要素
    <div id="test"></div>
</div>

 

参考サイト

https://techkoya.com/css-has/#index_id1

 - CSS

  関連記事

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...

videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法

Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...

SB Adminよりシンプル&軽量なBootstrap系ダッシュボードのテンプレートについて

ダッシュボード(管理画面)を作る際、SB Adminというテンプレートを利用する ...

レスポンシブ対応で右カラムのコンテンツを上に表示させる方法

レスポンシブ対応サイトの簡易なコーディングをする経験があった。何も考えずにHTM ...

CSSでfloatやmargin&widthは使わずにブロック要素の中央寄せ・右寄せする方法

CSSでブロック要素を中央寄せする場合はwidth指定しつつ「margin:0 ...