如何隐藏代码<a>link when tags has alt=&#34;*-slide&#34; as i have an unkown number of tags?

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>

Based on the above code snippet,

How do I hide the tags link when tags has alt="*-slide" as i have an unkown number of tags?

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>