Wählen Sie span-Tag geschachtelt innerhalb mehrerer Div-Blöcke

Question

Wie kann ich dieses spezifische span-Tag auswählen und die Farbe des Textes in weiß ändern, ohne IDs zu verwenden? Dies ist der Freund Abschnitt auf der Seite younow, ich versuche, einen Code zu injizieren, um die CSS der Seite zu ändern, so dass ich bin keine ids nicht in der Lage ..

<div id="leftsidebar"> 
    <div class="channel-menu-content"> 
     <div class="left-panel"> 
      <div class="panel-title nowrap short-text" ng-if="leftSidebar.session.user.userId !== 0" ng-click="leftSidebar.friendsCollapsed = !leftSidebar.friendsCollapsed"> 
       <span translate="sidebar_online_friends">Freunde</span> 
      </div> 
     </div> 
    </div> 
</div> 

Ich fand hinzufügen this und versuchte es so:

 $("div#leftsidebar .channel-menu-content.left-panel.panel-title span").css("color","white"); 
     $("div#leftsidebar .channel-menu-content.left-panel.nowrap span").css("color","white"); 
     $("div#leftsidebar .channel-menu-content.left-panel.short-text span").css("color","white"); 

Aber kein Erfolg.

Answer 1

Sie müssen nicht Leerzeichen zwischen Klassennamen

$('#leftsidebar .channel-menu-content .left-panel .panel-title span') 

Answer 2

können Sie verwenden Attribut gleich Selektor

$("span[translate=sidebar_online_friends]").css("color", "white") 

Answer 3

Unter der Annahme, JQuery ist in der Seite geladen können Sie das Element span wählen mit:

$("span[translate='sidebar_online_friends']") 

können Sie dann die Farbe ändern, indem Sie:

$("span[translate='sidebar_online_friends']").css("color","#FFF")