隐藏<em>标记</em>中包含的CSS文本

Question

我有这个：

    <li id="row_resource_id">
    <label for="row_resource_id">
    Ressource
    <em>123</em>
    </label>

我的目标是隐藏“123”，但我无法找到正确的代码。我试了这个没有成功：

    #row_resource_id em[value="123"] {display: none !important;}

我想可以用JS做，但我更喜欢用CSS做。

有任何线索吗？

Answer 1

#row_resource_id > label > em {
    display:none;
}

<强> jsFiddle example

Answer 2

这适用于我所有的“现代”浏览器，我没有检查过各处的兼容性。

 #row_resource_id em {display: none;}