css - 我们可以使用隐藏的 ="hidden"隐藏字形吗

Question

我们可以隐藏这样一个字形图标吗，

<i class="glyphicon glyphicon-remove-circle" 
         title="Insert an appropriate value" id="author" hidden="hidden"></i> 
<p>Author</p>

Answer 1

是的，您可以，但是仅使用 hidden 将是一个无效属性，因此请使用 data-hidden="hidden" 因为从 HTML5 开始创建自定义属性是有效的，但它们应该是 data-前缀。

然后在你的 CSS 中，你可以写..

[data-hidden="hidden"] {
   display: none; /* OR */
   visibility: hidden; /* If you want to reserve space */
}

Demo

---

如果你非常确定你将使用它来隐藏元素，并且只是隐藏，那么考虑使用 !important 这样特异性就不会困扰你。