如何在两个支架之间产生特殊效果？

Question

我想为括号之间的句子添加颜色，例如'（'sentence .....'）' 我认为css可以做到这一点，但如果css不能这样做，任何人都可以通过JavaScript告诉我该怎么做？

我想做的一个例子：

HTML

This is Paragraph (I want to change text color between brackets) bla bla bla... 

CSS

Selector to select between '(' and ')' { color: #ccc111; }

谢谢＆amp;抱歉我的英语不好！

Answer 1

有大量的选择方法。最常见的是使用跨度，这是示例：

<div>
This is Paragraph <span>(I want to change text color between brackets)</span> bla bla bla...
</div>

jsfiddle

#some_content span{
    color: red;
}

在这里，我使用id='some_content'选择了对象内的所有跨距。

作为替代方案，您可以使用p>span{选择所有范围作为<p>中的直接子元素，或者您可以<span class='colorful_text'>然后选择.colorful_text{ 。简而言之，请阅读css选择器上的documentation以获取更多选项以满足您的需求。

编辑：

如果<span>过多，您可以使用不存在的通用内容，例如我在下面的示例中使用<m>的方式。

m{
    color: #ccc111;
}

这个m＆＃39}内的所有文字都变成黄色。

jsfiddle example

Answer 2

HTML

<div class="para">This is Paragraph (<span>I want to change text color between brackets</span>) bla bla bla...</div> 

CSS

.para span {
    color:#f00;  /* what ever colur you want */  
}