html - 如何从移动 View 中删除数据库

Question

我正在开发一个网站，并试图删除“查看更多”按钮，如果单击该按钮，您将看到更大的图像版本。我的代码如下:

HTML

    <figure class="effect-oscar  wowload fadeInUp">
    <img src="images/portfolio/Mahin.png" alt="img01"/>
    <figcaption>

        <p>MS Site<br>
        <a href="images//portfolio/Mahin.png" class = "mahinport" title="MS" data-gallery>View more</a> &nbsp;
            <a href="http://ms.co.uk/" title="MS">View Site</a></p>

    </figcaption>
</figure>

CSS

   @media (max-width: 357px) {


      .mahinport data-gallery{

           display: none;

       }
    }

    @media (max-width: 767px) {
    .mahinport data-gallery{

       display: none;

   }

}

我试图将数据库显示给任何人，但这不起作用。以为这真的很简单，但事实证明我错了，非常感谢您的帮助。

Answer 1

data-gallery 是一个属性。

您可以像这样使用属性选择器 ([]) 选择您的元素:

.mahinport[data-gallery] {

    display: none;

}

或者简单地说:

[data-gallery] {

    display: none;

}