Question

我想隐藏页面上除了一个div之外的所有内容。

它有效，但在div <br>标记内部不可见。

<div id='min320'>min 320px<br>screen width required</div>

CSS

html body * {
 display:none;
}

#min320{
    display:block;
    background-color:#b30000;
    text-align:center;
    color:#ffffff;
    padding:5px 0;
}

FIDDLE

Answer 1

您还必须将显示添加到<br>

只需添加：

#min320 br{
    display:block;
}

DEMO

Answer 2

隐藏所有内容，并在“*”元素上显示无。这意味着你必须在
元素上显示块。

#min320 br {
    display:block;
}

如果您希望所有＃min320子元素都可见。你可以这样做

#min320, #min320 * { 
display:block; 
}

它应该有用。

Answer 3

当然，你可以在这里显示身体内的所有内容：

html body * {
    display:none;
}

显示<br>应如何显示：

html body br{display:inline}

JSFiddle

Answer 4

选择器html body *匹配body的所有后代，包括br元素。要解决此问题，请改用child selector：

body > * {
    display:none;
}

（html部分是多余的。）

这匹配body的所有孩子。然后你就像现在一样，为单个元素覆盖它。

Answer 5

这导致了问题：

html body * {
  display:none;
}

将其更改为：

html body * {
  display:block;
}

它会起作用。这是一个小提琴

http://jsfiddle.net/KLHdz/1/

br标签不可见

5 个答案: