【CSS】idやclassが指定されていない要素にだけ適用する方法

2019年6月12日CSS,CSSデザイン

idやclassのセレクターが指定されていない要素にだけ適用するCSSを記述する方法のサンプルです

サンプルではdivで書いていますが、当然aやpやulなどなんでも大丈夫です

idが指定されていないdiv要素に適用するCSS

div:not([id]){
color:#000;
}

classが指定されていないdiv要素に適用するCSS

div:not([class]){
color:#000;
}

上の記述の場合の注意点はセレクタ名が空なのではなくid class自体は記述されていない必要がある事です

「id=""」などの記述はCSSが適用されませんのでJavaScript等でセレクタ名を除去して適応させる場合は注意が必要です

See the Pen CSS not selector by yochans (@yochans) on CodePen.

2019年6月12日CSS,CSSデザイン

Posted by Yousuke.U