如何“重新显示”被“display: none;”抑制的信息在<style>

Question

这是我所拥有的，以及我想要完成的：

我有一个<div id=”object”>元素，它下面有<div>的数量。 这些<div>的元素是：一张图片和一些其他元素（描述、按钮）。

当我打开一个页面时，css <style>禁止显示除图像元素之外的所有元素：

    <style id=”noDisp”>
        #object .oName,
        #object .oDescription,
        …  ,
        #object .oButton {
            display: none;
        {
    </style>

我还有一个<button>元素。 我想使用“onclick=” “重新显示”所有尚未显示的信息。

有可能吗？ 请指教！

Answer 1

如果要显示具有 css display none 的元素，则 jquery 在单击时显示它，例如：

$("#buttonId").click(function(){
  $("#elementId").css("display", "block");
});

使用类作为选择器，例如：

$(".class").css("display", "block");

Answer 2

是的，您可以通过创建另一个样式类并在要覆盖前一个类的高优先级继承它来实现。