0

我目前正在 Drupal 中开发一个网站,并且正在尝试放置一个自定义 twitter 块。这是我的 HTML 代码:

<ul id="twitter_update_list" class="twitter"><li>Twitter feed loading</li></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/terryamorin.json?callback=twitterCallback2&amp;count=5"></script>

这是相关的自定义 CSS:

#twitter_update_list a {
color: #CA0A6C;
}

现在由于某种原因,代码将无法正确更新或仅适用于一个链接而不是所有链接。我检查了萤火虫,如果我在这里选择元素并禁用/重新启用字体大小:

element.style {
    font-size: 85%;
}

然后它会正确显示该链接。为什么会这样?我没有覆盖正确的属性吗?

更新:

<div class="content">
<ul id="twitter_update_list" class="twitter">
<li><span>Vote for Cooper in the Fido Casting Call once a day every day! We could have our own UOGC puppy in a commercial !! <a href="http://t.co/bDwdKlQ6">http://t.co/bDwdKlQ6</a></span> <a style="font-size:85%" href="http://twitter.com/UOGreekCouncil/statuses/237535525911793664">about 15 hours ago</a></li></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/uogreekcouncil.json?callback=twitterCallback2&amp;count=1"></script></div>

固定的:

我改用了以下 CSS,它似乎可以工作:

#twitter_update_list a{
    color: #CA0A6C;
    }
4

1 回答 1

0

这只是您的属性选择器实际上不匹配的一种情况。在实际元素上设置的属性是style="font-size:85%",而您在 CSS 中搜索的属性是style="font-size: 85%;"(注意额外的空格和分号的添加)。文本必须完美匹配。

可以更改选择器以查找正在设置的实际样式属性:

#twitter_update_list a[style="font-size:85%"]

请参阅 jsFiddle。

此外,由于这些链接似乎是唯一使用内联样式的链接,因此您可以只查找 style 属性的存在,如下所示:

#twitter_update_list a[style]

由于您使用外部 JavaScript 文件来创建此 HTML,因此修改它以使用类可能不是一种选择,尽管这是我最终推荐的。寻找特定样式可能暂时可行,但如果 JavaScript 发生变化并且结构不完全相同,它会立即破坏您的 CSS。

于 2012-08-21T04:03:13.063 回答