从选项卡块中隐藏选项卡标题

时间：2021-11-15 作者：Gamicord

我的网站上有此选项卡--https://prntscr.com/1zii0ab

在手机上，我想隐藏3个选项卡的标题，在平板电脑上，我想隐藏2个选项卡的标题。

当我使用Google Inspect搜索其中一个标题时，这就是我所看到的CSS--

（span class=“gutentor模块选项卡标题”）信任（/span）

所以我真正想隐藏的是移动设备上最后3个带有CSS类的标题，以及平板电脑上最后2个带有相同CSS类的标题。

如何编写CSS，以便能够按照预期在手机和平板电脑上隐藏这些元素？

当做

1 个回复
SO网友:Sam Bruton

您需要做的是为特定的屏幕宽度指定CSS样式。例如：

/* for mobile & tablet */
    @media (max-width: 989px){
    .itemOne, .itemTwo{ display: none; }
    }
此显示：无样式。项一（&；）。第二项仅适用于989px宽的屏幕。您可以根据需要选择最大宽度。

我希望这是有意义的。

进一步阅读媒体查询：https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

标签： css   javascript   html   小码农  

相关推荐

仅在特定页面上添加HTML代码段

我想在特定页面（非全局页面）上添加一个HTML片段。以下是代码片段：<html xmlns="http://www.w3.org/1999/xhtml" xmlns:dio="http://docs.dionera.com/namespace/DioML">谁能给我一个提示，怎么解决这个问题？目前我使用一个插件（插入页眉和页脚）。。。但是插件在每个页面上加载代码段，而不是在特定页面上加载。非常感谢！P、 在这种情况下，我没有太多经验——对不起。