如何将媒体查询编码为style =“”

Question

在CSS中，如何选择.button元素？我只尝试了.button，但根本没有用。我要隐藏它的唯一方法是对style="display: none;

进行硬编码

    <div id="navBar">
        <nav>
            <li><a class="button">&#9776;</a>
                <ul id="menu">
                    <li><a href="index.php">Home</a></li>
                    <li><a href="about.php">About</a></li>
                    <li><a href="schedule.php">Schedule</a></li>
                    <li><a href="gallery.php">Media</a></li>
                    <li><a href="sponsors.php">Sponsors</a></li>
                    <li><a href="contactus.php">Contact Us</a></li>
                    <li><a href="https://www.facebook.com/bobbykendallracing/"><img src="images/fbicon.png"></a></li>
                    <li><a href="https://twitter.com/bobbykendall11?lang=en"><img src="images/ticon.png"></a></li>
                </ul>
        </nav>
    </div>

Answer 1

您可以执行类似创建名为.only-mobile的CSS类的操作

.only-mobile {
    display: none;
}

然后使用媒体查询，您可以将.only-mobile更改为以块形式显示。