class - CSS Styles - Editing H2 within classes -


i'm looking edit content of h2 class within block of classes struggling make work.

here class list

<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 - podcasts</h2> 

i'm trying edit content of h2 contains "live - podcasts" no luck

i've tried lot of things no avail, last thing tried was

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

using content property content: "text here";

any in pointing me in right direction appreciated!

try

.box{    content: "text here"; } 

this because css can reference specific element class name want properties apply unless have on other area of documents. in case either assign id reference this:

#exampleid{     content: "text here"; } 

or following line, being case specific:

header > li > .box {     content: "text here"; }