如何仅使用css隐藏没有id或类的元素

如何使用CSS，但不使用ID或类，但仅使用选择器，从该标记中仅隐藏单词“Piano Lesson

<div class="alert alert-success dynamic-alert ">
    <ul>
        <li>
            (Canceled) <a href="http://www.google.ch">July 18, 2017 13:30</a> Piano Lesson
        </li>
    </ul>
</div>

（取消）钢琴课

---

我无法更改html

用

span

包装并使用内部样式。

注意：内部样式优于内联样式

。警报李a+span{
显示：无；
}

（取消）钢琴课

遵循此代码

Html

<ul>
        <li>
            (Canceled) <a href="http://www.google.ch">July 18, 2017 13:30</a><span> Piano Lesson</span>
        </li>
    </ul>

<ul>
        <li>
            (Canceled) <a href="http://www.google.ch">July 18, 2017 13:30</a><span class="span-style"> Piano Lesson</span>
        </li>
    </ul>

或者另一种方式：

Html

<ul>
        <li>
            (Canceled) <a href="http://www.google.ch">July 18, 2017 13:30</a><span> Piano Lesson</span>
        </li>
    </ul>

<ul>
        <li>
            (Canceled) <a href="http://www.google.ch">July 18, 2017 13:30</a><span class="span-style"> Piano Lesson</span>
        </li>
    </ul>

（取消）钢琴课

如果你不能编辑html…你仍然可以得到想要的效果，但方法很简单

这还没有跨浏览器支持…我的意思是它在IE或Edge上不起作用。我在Chrome 59和FF 54中进行了测试，结果都很好。

尽管如此，他说这将至少适用于89%的用户

。警告li{
-webkit掩码图像：-webkit线性渐变（左，rgba（0,0,0,1）12.8em，/**正如其他人所说，改变HTML是最好的选择

如果您不能做到这一点，另一种方法是：


。警报ul li{
字号：0；
}
.警告ul li a{
字体大小：16px；
}
李：以前{
内容:"取消";；
显示：内联块；
字体大小：16px；
右边距：5px；
}



（取消）钢琴课


您不能使用CSS选择文本节点。您应该将文本包装在
中，然后您可以将其隐藏在需要放置此文本的“钢琴课”中在任何html属性中。你能改变你的html吗？可能是有趣的重复，但是手工编辑可能会很烦人this@ovokuro我完全同意我不能修改标签。我只能更改样式表中的CSS。编辑我的答案，你至少可以在钢琴课周围添加span标签，对吗？如果你需要一些东西，请告诉我lse也帮了忙！我怎么能把内容（取消）移到“钢琴课”的地方呢并替换它？谢谢！虽然此代码可以回答此问题，但提供有关此代码为什么和/或如何回答此问题的附加上下文可提高其长期价值。一个好的答案将始终解释所做的事情以及为什么以这种方式进行，不仅是为了OP，而且是为了未来的SO访问者。
ul li .span-style{display:none} or .span-style{display:none}

$('ul li').each(function(){
    var content=$(this).html();
    var check=content.search('Piano Lesson');
    if(check!='-1'){
        content=content.replace('Piano Lesson','');
    }
    $(this).html(content);
})