Edit css style элемента с пробелом в имени класса

Я создаю tumblr, и мне приходится писать внешний файл CSS, но мне трудно редактировать стиль CSS для элементов post.

Это его структура:

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

Проблема в том, что имя класса имеет в нем пробел. Как я могу создать класс CSS для доступа к этому? И да, я знаю, что могу просто поместить атрибут стиля в тег элемента, но я как бы надеялся на другой вариант.

Ответ 1

Проблема в том, что имя класса имеет в нем пробел.

Это невозможно в CSS. Что вы делаете, это дать элементу два класса.

Вы можете адресовать их таким образом:

.post.quote { .... }

но в вашем случае, вероятно, лучше использовать допустимый разделитель, например

post_quote

Ответ 2

Этот элемент фактически имеет два класса - он помечен как классом post, так и классом quote. Таким образом, вы можете использовать следующие селекторы для доступа к нему:

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

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

Вы также можете выбирать селектора для возврата всех элементов, которые удовлетворяют всем условиям в селекторе, путем включения разных селекторов вместе:

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

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

Ответ 3

Это может сработать:

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