我的网站上有此选项卡--https://prntscr.com/1zii0ab
在手机上,我想隐藏3个选项卡的标题,在平板电脑上,我想隐藏2个选项卡的标题。
当我使用Google Inspect搜索其中一个标题时,这就是我所看到的CSS--
(span class=“gutentor模块选项卡标题”)信任(/span)
所以我真正想隐藏的是移动设备上最后3个带有CSS类的标题,以及平板电脑上最后2个带有相同CSS类的标题。
如何编写CSS,以便能够按照预期在手机和平板电脑上隐藏这些元素?
当做
我的网站上有此选项卡--https://prntscr.com/1zii0ab
在手机上,我想隐藏3个选项卡的标题,在平板电脑上,我想隐藏2个选项卡的标题。
当我使用Google Inspect搜索其中一个标题时,这就是我所看到的CSS--
(span class=“gutentor模块选项卡标题”)信任(/span)
所以我真正想隐藏的是移动设备上最后3个带有CSS类的标题,以及平板电脑上最后2个带有相同CSS类的标题。
如何编写CSS,以便能够按照预期在手机和平板电脑上隐藏这些元素?
当做
您需要做的是为特定的屏幕宽度指定CSS样式。例如:
/* for mobile & tablet */
@media (max-width: 989px){
.itemOne, .itemTwo{ display: none; }
}
此显示:无样式。项一(&;)。第二项仅适用于989px宽的屏幕。您可以根据需要选择最大宽度。我希望这是有意义的。
进一步阅读媒体查询:https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
我想在特定页面(非全局页面)上添加一个HTML片段。以下是代码片段:<html xmlns="http://www.w3.org/1999/xhtml" xmlns:dio="http://docs.dionera.com/namespace/DioML">谁能给我一个提示,怎么解决这个问题?目前我使用一个插件(插入页眉和页脚)。。。但是插件在每个页面上加载代码段,而不是在特定页面上加载。非常感谢!P、 在这种情况下,我没有太多经验——对不起。