选择嵌套在多个div块中的span标记

Question

如何选择此特定范围标记并将文本颜色更改为白色，而不使用ID？这是页面younow上的朋友部分，我尝试注入一个代码来更改页面的CSS，所以我无法添加任何ID ..

<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>

我找到了this，并尝试了这样：

        $("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");

但没有成功。

Answer 1

类名之间没有空格

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

Answer 2

您可以使用属性等于选择器

for (int x = 0; x < walls.Length; x++)
{
    if (player.obj.Bounds.IntersectsWith(walls[x].Bounds))
    {
        MessageBox.Show("COLLIDING");
    }
}

Answer 3

假设在页面中加载了Jquery，您可以使用以下选择span元素：

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

然后您可以通过执行以下操作来更改颜色：

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