css 在 div 中首先隐藏，但仅在第一个

【问题标题】：css hide first   in div, but only firstcss 在 div 中首先隐藏，但仅在第一个
【发布时间】：2014-03-10 21:52:57
【问题描述】：

有什么好的方法，在div中先隐藏&nbsp;，但只先隐藏？

例如我有这样的结构：

<div class="lalala">
 <div class="123">
    &nbsp; dfsdfsdf
     sdf sdf sd fsd f
      &nbsp; 
 </div>
 <div class="456">
   &nbsp; f dfgd
 </div>
</div>

结果我必须看到：

<div class="lalala">
     <div class="123">
        dfsdfsdf
         sdf sdf sd fsd f

是否可以仅在 CSS 中实现（以及如何实现？），还是必须使用 JavaScript？

【问题讨论】：

是否添加了&nbsp;（空格），因为您希望div.123 中的文本前后都有空格？

标签： javascript html css

【解决方案1】：

我认为没有 CSS 方法可以做到这一点。

但使用 JavaScript 相当简单：

var el = document.querySelector('.123');
el.innerHTML = el.innerHTML.replace('&nbsp;', '');

【讨论】：

这正是 OP 想要的。不，确实没有 CSS 方法可以做到这一点。 +1
hm，但是如果我只有第一个 div 的类，然后只有 div div，该怎么办
@PavelBY var el = document.querySelector('.lalal').nextElementSibling;
还有，好像全部替换掉了但如何只在 div 中排在第一位？
replace 仅替换第一次出现。您需要一个全局正则表达式来替换所有（我没有使用过）。