CSS-стили - Редактирование H2 внутри классов

Question

Я ищу, чтобы редактировать содержимое класса H2 в рамках другого блока классов, но изо всех сил пытаюсь заставить его работать.

Ниже представлен список классов

<header class="mainHeader"> 
      <li id="xyz_insert_html_widget-2" class="widget-1 widget-first widget-last widget-odd widget widget_xyz_insert_html_widget "><h2 class="box">Live Now - Podcasts</h2> 

Пытаюсь редактировать содержание Н2, который содержит «Прямой эфир - Подкасты» не повезло

Я пробовал много вещей без каких-либо бесполезно, последнее, что я попытался было

#mainHeader li#xyz_insert_html_widget-2.widget-1.widget-first.widget-last.widget-odd.widget.widget_xyz_insert_html_widget h2.box 

Используя свойство content: "TEXT HERE";

контента

Любая помощь при указании меня в правильном направлении оценивается!

Answer 1

Попробуйте

.box{ 
    content: "TEXT HERE"; 
} 

Это потому, что с помощью CSS вы можете просто сослаться на конкретное имя класса элемента, который вы хотите, чтобы ваши свойства применять, если у вас есть те, на другой области документов. В этом случае либо присвоить идентификатор к нему так, чтобы ссылаться на него, как это:

#exampleid{ 
    content: "TEXT HERE"; 
} 

или после вашей линии, будучи случай конкретен:

header > li > .box { 
    content: "TEXT HERE"; 
}