Question

我想设置一个HTML元素，隐藏'每个CSS。不幸的是，元素没有像我的代码所解决的那样做出反应。这是我的代码：

.archive-header {
    display: none;
}

HTML code：

<html>
<head>...</head>
<header>...</header>
<div id="main" class="wrapper">
<section id="primary" class="site-content">
<div id="content" class="main">
<header class="archive-header"> <!-- hide this header element and everything inside -->
<h1 class="archive-title">...</h1>
</header>
...

更新抱歉，我的文本编辑器更改了引号，原始代码使用了正确的代码。

Answer 1

您必须使用正确的引号" "或' '

<div id="main" class="wrapper">
<section id="primary" class="site-content">
<div id="content" class="main">
<header class="archive-header"> <!-- hide this header element and everything inside -->
<h1 class="archive-title">...</h1>
</header>

Answer 2

您只能使用“或”来引用属性值。

<html>
<head>...</head>
<header>...</header>
<div id="main" class="wrapper">
<section id="primary" class="site-content">
<div id="content" class="main">
<header class="archive-header"> <!-- hide this header element and everything inside -->
<h1 class="archive-title">...</h1>
</header>

Answer 3

试试这个，

<header class="archive-header"> <!-- hide this header element and everything inside -->
   <h1 class="archive-title">...</h1>
</header>

Answer 4

用真实引号替换引号：“，这应该足够了

使用CSS隐藏HTML元素

4 个答案: