html - 当标签具有 alt ="*-slide"因为我有未知数量的标签时，如何隐藏标签 链接？

Question

<div class="slide">
<a href="#"><h1 alt="">test</h1></a>
<a href="#"><h1 alt="1-slide">test1</h1></a>
<a href="#"><h1 alt="2-slide">test2</h1></a>
<a href="#">   <h1 alt="3-slide">test3</h1>    </a>
</div>

基于上面的代码片段，

当标签具有 alt="*-slide"因为我有未知数量的标签时，如何隐藏标签链接？

Answer 1

你可以尝试这样的事情，使用选择器。

[alt$="-slide"]只选择alt以"-slide"结束。

[alt^="-slide"] 仅选择以“-slide”开头的 alt。

h1[alt$="-slide"]{
  display: none;
}

<div class="slide">
    <a href="#">
        <h1 alt="">test</h1>
    </a>
    <a href="#">
        <h1 alt="1-slide">test1</h1>
    </a>
    <a href="#">
        <h1 alt="2-slide">test2</h1>
    </a>
    <a href="#">
        <h1 alt="3-slide">test3</h1>
    </a>
</div>