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

Posted 2023-03-06

【中文标题】.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

【参考方案1】：

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

.btn.btn-primary 

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

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

.btn.btn-primary 
    visibility: hidden;

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