2011-11-04 55 views
16

特定のセレクタに一致する要素に特定のCSSクラスを割り当てるようブラウザに指示したいと思います。純粋なCSSでやってもいいですか?CSSを使って要素にクラスを割り当てる

例:私は、ID sidebar付きのdiv内のすべての要素がh5クラスui-corners-all

答えて

13

いいえ、それは純粋な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"); 
} 
+1

これは奇妙な方法でブートストラップクラス?私は要素に適用されているすべてのCSSを追跡することができるようにこれを行うことに興味がありますが、私はまた、ブートストラップを削除する/ unCSSのようなもので私のクラス名の下で上書きと組み合わせて、それが他のものに問題を引き起こすかどうか確かめてください。 – thesowismine

0

純粋なCSSでそれらの要素にこの値を代入する方法はありませんを持っていると思います。

あなたは何をする必要があります:

#sidebar h5 
{ 

} 

次に、このにui-corners-allクラスからすべてのスタイルをコピーします。

またはその代わりに、あなたのui-corners-all CSSを変更:

.ui-corners-all, #sidebar h5 
{  

} 
+2

これは、これらの要素に技術的に「割り当て」はありません。 – jrharshath

+0

純粋なCSSでこれらを割り当てる方法がないため、私の答えが更新されましたので、iveは代替手段を提供しました – Curt

0

いいえ、あなたがすることはできません。ただし、この効果を得るには、Javascript(jQueryを推奨)を使用することができます。

+3

彼はすでにjQueryとjQuery UI( 'ui-corners-all')を使っていると思います;) – ComFreek

+0

ああ、そうですよ! :D – Leonard

関連する問題