13

我正在为它们创建一个 tumblr,我必须编写一个外部 CSS 文件,但我无法编辑帖子元素的 CSS 样式。

这是它的结构:

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


问题是类名中有一个空格。

我将如何创建一个 CSS 类来访问它?是的,我知道我可以在元素标签中放置一个样式属性,但我有点希望有另一种选择。

4

3 回答 3

19

问题是类名中有一个空格。

这在 CSS 中是不可能的。你正在做的是给元素两个类。

你可以这样称呼他们:

.post.quote { .... }

但在您的情况下,最好使用有效的分隔符,例如

post_quote
于 2011-01-14T20:54:57.967 回答
2

这个元素实际上有两个类——它同时标有类postquote。因此,您可以使用以下选择器来访问它:

// 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');
于 2011-01-14T20:55:09.293 回答
0

这可能有效:

$('li').each(function() {     
    if($(this).attr('class').indexOf(" ")>-1) {
       $(this).css('border','1px solid #ff0000')
    }  
}
于 2011-01-14T21:03:40.627 回答