So entfernen Sie die Daten-Galerie von der mobilen Ansicht

Question

Ich entwickle eine Website und versuche, die Schaltfläche "Mehr anzeigen" zu entfernen. Wenn Sie darauf klicken, gelangen Sie zu einer größeren Version des Bildes. Mein Code ist unten:

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; 

    } 

} 

Ich versuchte, die Daten Galerie zu keiner angezeigt werden, aber das funktioniert nicht. Dachte, es wäre wirklich einfach, aber stellt sich heraus, ich habe mich geirrt, werde wirklich etwas Hilfe zu schätzen wissen.

Answer 1

data-gallery ist ein Attribut.

Sie würden Ihr Element wählen Sie das Attribut-Selektor ([]) wie folgt aus:

.mahinport[data-gallery] { 

    display: none; 

} 

Oder einfach: [? Hide div-Tag auf mobilen Ansicht nur]

[data-gallery] { 

    display: none; 

}