CSS-селектор для текста внутри элемента <dt>(тег определения списка)

Question

Казалось бы, простой вопрос, но я не могу найти какую-либо документацию, чтобы уточнить, каков правильный подход.

Учитывая приведенный ниже набор тегов описания (элементы dt), как я могу получить текст изодин из элементов, использующий селектор CSS (при циклическом переключении элементов <div>)?

<div class="data">
    <dt class="title">Date</dt>
    <dd class="info">14/09/2018</dd>
</div>
<div class="data">
    <dt class="title">Time</dt>
    <dd class="info">14:55</dd>
</div>

Например, как я могу получить слово «Дата» из первого <dt>?

Я попробовал то, что кажется нормальным подходом селектора CSS, который я использовал бы для <div> или аналогичного, как показано ниже:

dt.title ::text

, но это не возвращает текст и не даетрезультат.Есть ли другой способ получить этот текст с помощью селектора CSS?

Если я использую только селектор dt.title, я получу полный тег (т.е. не только текст), так что я уверен, что часть работает,но я должен что-то упустить во втором параметре.

Answer 1

Нет такого css псевдоселектора. То, что вы ищете:

$('dt.title').text();

Или ваниль javascript:

document.querySelector('dt.title').textContent;