CSS bearbeiten Stil eines Elements mit einem Raum in seinen Klassennamen

Question

Ich erstelle eine tumblr ihnen, und ich habe eine externe CSS-Datei zu schreiben, aber ich habe Probleme beim Bearbeiten der CSS-Stil der Post-Elemente.

Diese seine Struktur:

<li class="post quote">
    {other code}
</li>

Das Problem ist, dass der Klassenname ein Leerzeichen enthält.
Wie würde ich eine CSS-Klasse erstellen diese zugreifen? Und ja, ich weiß, ich kann nur ein Stil-Attribut im Element-Tag legen, aber ich war irgendwie für eine andere Möglichkeit der Hoffnung.

Answer 1

Das Problem ist, dass der Klassenname ein Leerzeichen enthält.

Dies ist in CSS nicht möglich. Was Sie tun, ist das Element von zwei Klassen.

Sie können sie adressieren so:

.post.quote { .... }

aber in Ihrem Fall, ist es wahrscheinlich besser, einen gültigen Separator zu verwenden, wie

post_quote

Answer 2

Dieses Element hat eigentlich zwei Klassen - es ist markiert sowohl mit der post Klasse und der quote Klasse. So können Sie die folgenden Selektoren verwenden, um darauf zuzugreifen:

// css
.post { ... }   // elements with the post class
.quote { ... }  // elements with the quote class

// jQuery
var postLis = $('.post');
var quoteLis = $('.quote');

Sie können auch Selektoren stapeln alle Elemente zurück, die alle Bedingungen in dem Wähler zu erfüllen, indem sie die verschiedenen Selektoren einschließlich zusammen:

// css
.post.quote { ... }  // elements with both the post and quote classes

// jQuery
var postAndQuoteLis = $('.post.quote');

Answer 3

Dies könnte funktionieren:

$('li').each(function() {     
    if($(this).attr('class').indexOf(" ")>-1) {
       $(this).css('border','1px solid #ff0000')
    }  
}