Доступ к тексту диапазона из CSS

Question

Доступ к тексту диапазона из CSS

0

Ниже приведен Jsfiddle, который я пробовал

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

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

что я хочу, это два промежутка с * контентом в нем, доступ к которому из css?

Arun Bertil 06 май 2014, в 07:36

Источник

0

Если этот промежуток добавляется динамически, а значение промежутка является постоянным, хорошо, на мой взгляд, было бы хорошо, если бы класс был добавлен для этого? как .askterisk {}. Я знаю, ты уже думал об этом, но просто высказываешь свое мнение.
Wesley Brian Lachenal 06 май 2014, в 05:23
0

возможный дубликат селектора CSS на основе текста элемента?
Vucko 06 май 2014, в 05:37

Теги:

html

css

html5

4 ответа

1

просто использование результатов CSS не может быть достигнуто, если вы не используете какой-либо атрибут в теге span.

Однако, используя бит jquery .filter(), вы можете получить результат.

проверьте DEMO.

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

Kheema Pandey 06 май 2014, в 03:58

1

Без дополнительного класса это может быть полезно:

РЕДАКТИРОВАНИЕ

HTML

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

CSS

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

Редакция.

raunay 06 май 2014, в 02:54

0

нет не разрешено мне нужно решение CSS
Arun Bertil 06 май 2014, в 05:16
0

это работает без изменения HTML
mcn 06 май 2014, в 05:18

0

Вы не можете напрямую получить текстовое значение, вы можете использовать JQuery или Javascript для выполнения такого задания на основе внутреннего содержимого, но все же вам нужно работать в определениях CSS.

Adel 06 май 2014, в 03:27

Ещё вопросы

Если этот промежуток добавляется динамически, а значение промежутка является постоянным, хорошо, на мой взгляд, было бы хорошо, если бы класс был добавлен для этого? как .askterisk {}. Я знаю, ты уже думал об этом, но просто высказываешь свое мнение.
возможный дубликат селектора CSS на основе текста элемента?
нет не разрешено мне нужно решение CSS

wvandaal · Accepted Answer · 2014-05-06T03-19-00.000Z

Не уверен, что это возможно без использования атрибутов данных: http://jsfiddle.net/TkKwp/

HTML:

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

CSS:

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