Html 为什么显示:无在这里不起作用?
我认为问题在于#header img不起作用Html 为什么显示:无在这里不起作用?,html,css,Html,Css,我认为问题在于#header img不起作用 #标题img { 边框样式:实心; 边框颜色:#000000; 边框宽度:5px; 填充:5px } @仅媒体屏幕和(最大宽度:840px){#标题img{显示:无;}} #标题img { 边框样式:实心; 边框颜色:#000000; 边框宽度:5px; 填充:5px } @仅媒体屏幕和(最大宽度:840px){#标题img{显示:无;}} 你是说#logo而不是#header?在padding:5px的末尾还缺少一个尾随分号 这对我很有用: #
#标题img
{
边框样式:实心;
边框颜色:#000000;
边框宽度:5px;
填充:5px
}
@仅媒体屏幕和(最大宽度:840px){#标题img{显示:无;}}
#标题img
{
边框样式:实心;
边框颜色:#000000;
边框宽度:5px;
填充:5px
}
@仅媒体屏幕和(最大宽度:840px){#标题img{显示:无;}}
你是说#logo而不是#header?在padding:5px的末尾还缺少一个尾随分号
这对我很有用:
#logo img
{
border-style: solid;
border-color: #000000;
border-width: 5px;
padding: 5px;
}
@media only screen and (max-width: 840px) { #logo img { display:none; } }
选择器
#header img
与代码段中的任何元素都不匹配,因为没有具有id
属性值header
的元素,请首先尝试使用填充关闭第一条规则:5px
(您缺少一个;
)此外,您没有关闭img
元素的标记,并且没有#header
元素。