CSS, HTML, как выбрать селектор обычного текста?

147
01 июня 2019, 10:00


Как обратиться в CSS к тексту "Как это выбрать???" идущего после первого li?
Хром нас уверяет - никак:

<ul class="menu"> 
  <li>Как это выбрать??? 
    <ul> 
      <li><a href="#">Текст 1</a></li> 
      <li><a href="#">Текст 2</a></li> 
    </ul> 
  </li> 
</ul>

Answer 1

var li = $('.menu > li') 
var node = li.contents().filter(function() { 
	return this.nodeType === 3; // выбираем ноду 
}) 
node.first().wrap('<span class="newSpan"/>') // оборачиваем в span с классом который задаёт нужные нам стили
.newSpan{ 
  color: red; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<ul class="menu"> 
  <li>Как это выбрать??? 
    <ul> 
      <li><a href="#">Текст 1</a></li> 
      <li><a href="#">Текст 2</a></li> 
    </ul> 
  </li> 
</ul>

READ ALSO
Наименование переменной и ID тега

Наименование переменной и ID тега

Допустим у меня в HTML документе есть следующие DOM элементы:

145
Как сделать изогнутые прямоугольники (bent rectangle) в SVG

Как сделать изогнутые прямоугольники (bent rectangle) в SVG

У меня есть проект, над которым я работаюНеобходимо сделать круговую навигацию с кнопками, которые выглядят как сегменты вокруг Iron Man, изображенной...

134
Ошибка в скрипте шаблона ember.js

Ошибка в скрипте шаблона ember.js

Необходимо было написать тестовую функцию в шаблоне Ember(hbs) через тег script

131
Создание необычных форм из div и input [закрыт]

Создание необычных форм из div и input [закрыт]

Нужно получить что-то этого вида(форма авторизации на сайте) возможно ли такое сделать? подскажите пожалуйста как

161