édite le style css d'un élément avec un espace dans son nom de classe

Je suis de la création d'un tumblr et je dois écrire un fichier CSS externe, mais j'ai du mal à l'édition de la feuille de style css de la poste-éléments.

Ce sa structure:

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

Le problème est que le nom de la classe est un espace.

Comment pourrais-je créer une classe CSS à l'accès? Et oui, je sais que je peux il suffit de mettre un attribut style dans la balise d'élément, mais j'étais un peu en espérant pour une autre option.

source d'informationauteur nkcmr

  1. 17

    Le problème est que le nom de la classe est un espace.

    Ce n'est pas possible en CSS. Ce que vous faites est de donner à l'élément deux classes.

    Vous pouvez vous adresser à eux tel:

    .post.quote { .... }

    mais dans votre cas, il est probablement préférable d'utiliser un séparateur correct comme

    post_quote
  2. 2

    Cet élément a deux classes - c'est marqué à la fois avec le post classe et la quote classe. Ainsi, vous pouvez utiliser les sélecteurs suivants pour y accéder:

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

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

    Vous pouvez aussi empiler les sélecteurs pour le retour de tous les éléments qui répondent à toutes les conditions dans le sélecteur, en incluant les différents sélecteurs ensemble:

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

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

    Cela peut fonctionner:

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