从css访问范围文本

Question

以下是我试过的Jsfiddle

http://jsfiddle.net/LpH8B/2/

<span>*</span>
<br>
<span>*</span>
    <br>
<span>hdhdf</span>

span[text='*']
{
    color:red;
}

我想要的是带有*内容的两个跨度可以从css访问吗？

Answer 1

如果没有额外的课程，这可能会有所帮助：

<强> EDITED

<强> HTML

<span>*</span>
<br>
<span>*</span>
<br>
<span>hdhdf</span>

<强> CSS

span:nth-child(1),
span:nth-child(2){
    color:red;
}

编辑。

Answer 2

除非您在span代码中使用某些属性，否则无法使用CSS结果。

然而，使用位jquery .filter() ，您可以获得结果。

检查 DEMO 。

$('span')
.filter(function(){ return $(this).text() == '*'; })
.css('color','#ef8913');

Answer 3

不确定是否可以使用数据属性而不是http://jsfiddle.net/TkKwp/

<强> HTML：

<span data-text="*"></span>

<强> CSS：

span[data-text="*"]:before {
  content: attr(data-text);
  color: red;
  width: 15px;
  height: 15px;
}

Answer 4

您无法直接从文本值获取，您可以使用JQuery或Javascript根据内部内容执行此类作业，但仍需要在CSS的定义中运行。