.btn btn-primary * { 可见性：隐藏； } 不工作[重复]

【问题标题】：.btn btn-primary * { visibility: hidden; } is not working [duplicate].btn btn-primary * { 可见性：隐藏； } 不工作[重复]
【发布时间】：2021-06-08 00:07:36
【问题描述】：

我想隐藏几个要打印的按钮，所以我正在使用这个 CSS 代码，但它不工作仍然按钮显示在打印 HTML 代码中是

.btn btn-primary * {
  visibility: hidden;
}

<div id="control" style="display: none">
  <button class="btn btn-primary" onclick="toEmail()">Send to Mail</button>&nbsp;<button onclick="window.print();" class="btn btn-warning">Send to PDF</button>
</div>

【问题讨论】：

你的意思是.btn.btn-primary *？
是的，这两种方式都不起作用@HaoWu

标签： html css

【解决方案1】：

因为这两个类都写在同一个按钮标签中。这意味着选择器应该看起来像这样，并且没有 *:

.btn.btn-primary {}

因为* 是对当前元素所有子元素的引用。

在此示例中，我从 id="control" 中删除了 display: none，以直观地了解代码有效。

.btn.btn-primary {
    visibility: hidden;
}

&lt;div id="control"&gt;&lt;button class="btn btn-primary" onclick="toEmail()"&gt;Send to Mail&lt;/button&gt;&amp;nbsp;&lt;button onclick="window.print();" class="btn btn-warning"&gt;Send to PDF&lt;/button&gt;&lt;/div&gt;

【讨论】：