问

CSS - 显示:无; 不工作

fly-fox 发布于 2023-02-09 13:44

我正在尝试开发一个移动样式表,在这个样式表中我想删除一个特定的div.

在div的HTML代码中,我放置一个名为"tfl"的ID,如下所示:


            
                Journey Planner
                
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        
                    
                    
                        
                    
                    
                        More options

此代码不是地雷,因为这是TFL网站提供的嵌入代码.

我想隐藏这个div以使其对移动用户更友好,我做了:

#tfl {
display: none;
}

这段代码虽然不起作用,我甚至在它之前应用了相应的标题,但是没有用,如下所示:

h3.tfl {
display: none;
}

这是什么问题？此代码在映射图像上的另一个页面上工作.(我不能使用jQuery也不能使用JavaScript(uni assingment查看CSS)).

3 个回答

这是因为内联样式display:block会覆盖您的CSS.您需要删除此内联样式或使用:
```
#tfl {
  display: none !important;
}
```
这会覆盖内联样式.请注意,!important除非是最后的手段,否则通常不建议使用.
2023-02-09 13:46 回答

九育
display: block;在div #tflstyle属性中删除
```
<div id="tfl" style="display: block; width: 187px; height: 260px;
```
内联样式优先于css文件
2023-02-09 13:46 回答

snail
尝试将此添加到您的CSS
```
#tfl {
display: none !important;
}
```
2023-02-09 13:48 回答

朱鹏飞0521

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签