CSS选择器用于定位在p标签中成对出现的最后一个br标签?

 梦三国 发布于 2023-02-13 19:26

我想规范化一些文本中的换行符和段落之间的间距.

为此,我希望折叠所有换行符,使它们本身不产生高度,然后将margin-bottom添加到两个连续
标记的最后一个.

是否有一个css选择器让我选择在一对
中出现的最后一个标签

Some text
Some more text

Even more text

我尝试了以下选择器,但没有骰子.似乎+选择器忽略了文本而变得贪婪.

p br {
    line-height: 0;
    height:0;
    margin:0;
    padding:0;
    content: " ";
    display: block;
}

p br + br {
    margin-bottom: 1em;
}

一个例子:http://jsfiddle.net/jqcyc/

这是否可以使用给定的标记,最好没有任何JavaScript?

1 个回答
  • 原始文本在某种程度上对CSS选择器是不可见的.根据您的HTML,CSS将其视为:

    <p>
        <br />
        <br /><br /> <!-- I wan't to target the last of these -->
        <br /> <!-- Not this one -->
    </p>
    

    所以<br />除了第一个之外,每一个都与p br + br选择器匹配.没有办法以你接近它的方式解决你的问题(原始CSS).

    其他方法是JavaScript服务器端(无论您使用何种语言 - PHP,Java等).

    2023-02-13 19:30 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有