Ich möchte den Browser anweisen, bestimmte CSS-Klassen Elementen zuzuweisen, die mit einem bestimmten Selektor übereinstimmen. Kann ich das mit reinem CSS machen und wenn ja, wie?
Beispiel: Ich möchte alle h5 Elemente innerhalb eines div mit id sidebar Klasse zu haben ui-corners-all
ComFreek
Nein, das ist mit reinem CSS nicht möglich.
Nur mit 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" );
}
Wäre dies eine seltsame Art, Bootstrap-Klassen anzuwenden? Ich bin daran interessiert, dies zu tun, damit ich alle CSS verfolgen kann, die auf ein Element angewendet werden, aber ich möchte auch Bootstrap entfernen/mit den Überschreibungen unter meinen Klassennamen mit etwas wie unCSS kombinieren, und ich bin es nicht sicher, ob es Probleme mit diesem oder anderen Dingen geben wird.
– thesowismine
27. April 2017 um 4:07 Uhr
Curtis
Es gibt keine Möglichkeit, diesen Wert diesen Elementen in reinem CSS zuzuweisen.
Sie müssten Folgendes tun:
#sidebar h5
{
}
Kopieren Sie dann alle Stile aus ui-corners-all Klasse dazu.
Oder ändern Sie alternativ Ihre ui-corners-all CSS zu:
.ui-corners-all, #sidebar h5
{
}
Meine Antwort wurde aktualisiert, da es keine Möglichkeit gibt, diese in reinem CSS zuzuweisen, also habe ich eine Alternative bereitgestellt
– Curtis
4. November 2011 um 10:53 Uhr
Nein, das kannst du nicht. Sie können jedoch Javascript verwenden (jQuery empfohlen), um diesen Effekt zu erzielen.
Ich denke, er verwendet bereits jQuery und jQuery UI (ui-corners-all) 😉
– ComFreek
4. November 2011 um 10:52 Uhr
