如何从移动视图中删除数据库

Question

我正在开发一个网站，并试图删除＆＃34;查看更多＆＃34;按钮，如果点击，将带您到更大的图像。我的代码如下：

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;

}