Question

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
<noscript>
    <a href="http://polldaddy.com/poll/5968383/">
        This is a test question ?
    </a>
</noscript>

对文本进行样式化的css类“这是一个测试问题”是“pds-question-top”。是否可以设计部分风格这个文字，即将“This”的颜色改为蓝色？

这是jsfiddle：http://jsfiddle.net/25LjE/

Answer 1

如果您有这样的div：

<div class="pds-question-top"> This is a test question ?</div>

您可以使用新文本替换文本，其中“此”位于范围内。

var rp = $('.pds-question-top').text().replace('This', '<span style="color:blue;">This</span>');

$('.pds-question-top').html(rp);

不是一个很好的解决方案，但它应该是有效的。

Answer 2

虽然JavaScript解决方案很不错，但请参阅Alex“answer，您的相关文字位于noscript标记内，这意味着使用JavaScript解决此问题的任何尝试均无效。

或者我建议将所述文本包装在span元素中，手动，然后使用类设置样式，如下所示：

HTML

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
<noscript>
    <a href="http://polldaddy.com/poll/5968383/">
        <span class="highlight">This</span> is a test question ?
    </a>
</noscript>

的CSS

.highlight
{
    color: #0f0;
}

更改部分文本的样式

2 个答案:

HTML

的CSS