Question

我目前正在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;
}

现在出于某种原因，代码无法正常更新，或仅适用于一个链接，而不适用于所有链接。我检查了firebug，如果我选择元素并在此处禁用/重新启用font-size：

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>

FIXED：

我使用了以下CSS，它似乎有效：

#twitter_update_list a{
    color: #CA0A6C;
    }

Answer 1

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

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

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

See the jsFiddle.

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

#twitter_update_list a[style]

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

CSS没有正确更新

1 个答案: