html - CSS - 计时器插件不会显示完整

Question

所以我在这里处理这个页面:http://dealsgoneape.com/test-timer/

乍一看，您只会看到“DAYS”和“HOURS”，但如果您在 Chrome 上打开控制台或检查器工具，它会显示“天”、“分钟”、“小时”、“秒”。

我想知道为什么。因此，我尝试通过将以下代码放在我的 CSS 上并使用检查器工具来尝试使用 HMTL:

soon[data-layout*=group] .soon-group-sub>.soon-group-inner{
   margin: 0 0.35em;
}


#frb_timer_643221721_timer .soon-label{
   width: 300px; 

}

span.soon-group-inner{
     border: 2px solid red;
  display: block;
}

但是，无论我如何尝试选择元素，如果不打开 Chrome 上的控制台或检查器工具，它们就不会显示整个计时器。

请随意在 Chrome 或 firefox 上打开检查器工具以实时查看。

Answer 1

添加此 css 以强制 display:none div 显示内联 block

span.soon-group.soon-group-sub{ 
     display:inline-block !important;
}

输出: