如何忽略HTML和CSS中的2个中断行?

时间:2014-10-17 16:18:34

标签: html css jsp

我正在调试现有的Java / JSP / Struts应用程序,不知何故它会生成2个断行并在页面中留下一个大空间:

<Br></Br>
<Br></Br>

所以我四处搜索,发现我可以在CSS中使用以下内容来忽略断行:

br { display: none; }

请参阅我之前的问题:Where did extra space come from in html of Struts app?

但这会导致应用程序中忽略所有断行,而不是我正在寻找的理想解决方案,我认为br是由Struts生成的并且难以控制,所以我想知道是否有办法CSS将2个中断定义为[可忽略],可能是这样的吗?

brbr { display: none; }
br.br { display: none; }

我尝试过,没有用,必须格式错误,这里的任何CSS专家都可以回答我的问题吗?

3 个答案:

答案 0 :(得分:2)

在选择器中使用+

br + br { display: none; }

From W3 Documentation

  

E + F:匹配前面有兄弟元素E的任何F元素。

答案 1 :(得分:2)

简单:

br + br {display:none;}

这会使用br选择器选择直接跟随另一个br的{​​{1}}。

参考: Section 5.1 Pattern matching5.7 Adjacent sibling selectors

答案 2 :(得分:1)

br支持类为什么不给出一个类

<br class="hey" />

CSS

.hey{
display:none;
}