特定のセレクタに一致する要素に特定のCSSクラスを割り当てるようブラウザに指示したいと思います。純粋なCSSでやってもいいですか?CSSを使って要素にクラスを割り当てる
例:私は、ID sidebar
付きのdiv内のすべての要素がh5
クラスui-corners-all
特定のセレクタに一致する要素に特定のCSSクラスを割り当てるようブラウザに指示したいと思います。純粋なCSSでやってもいいですか?CSSを使って要素にクラスを割り当てる
例:私は、ID sidebar
付きのdiv内のすべての要素がh5
クラスui-corners-all
いいえ、それは純粋なCSSでは不可能です。 JavaScriptのみで
:
// jQuery
$("h5").addClass("ui-corners-all");
// Pure JavaScript
var elements = document.getElementsByTagName("h5");
for (var i=0; i<elements.length; i++)
{
var el = elements[i];
el.setAttribute("class", el.getAttribute("class") + " ui-corners-all");
}
純粋なCSSでそれらの要素にこの値を代入する方法はありませんを持っていると思います。
あなたは何をする必要があります:
#sidebar h5
{
}
次に、このにui-corners-all
クラスからすべてのスタイルをコピーします。
またはその代わりに、あなたのui-corners-all
CSSを変更:
.ui-corners-all, #sidebar h5
{
}
これは、これらの要素に技術的に「割り当て」はありません。 – jrharshath
純粋なCSSでこれらを割り当てる方法がないため、私の答えが更新されましたので、iveは代替手段を提供しました – Curt
これは奇妙な方法でブートストラップクラス?私は要素に適用されているすべてのCSSを追跡することができるようにこれを行うことに興味がありますが、私はまた、ブートストラップを削除する/ unCSSのようなもので私のクラス名の下で上書きと組み合わせて、それが他のものに問題を引き起こすかどうか確かめてください。 – thesowismine