首页 > 解决方案 > 如何仅使用 CSS 选择嵌套在“P”中的“br”之后的所有段落?

问题描述

简而言之:如何<p><br></p>仅使用 CSS 选择紧随其后的所有段落?

[编辑] 使用纯 CSS 似乎这是不可能的,所以我将向知道如何使用简单/干净的 jQuery 定位这样一个字符串的任何人敞开心扉,因为我正在使用的注释编辑器是jQuery 编辑器。感谢检查出来。

更长的解释:

我正在尝试在便笺程序富文本编辑器中设置一些样式,以便可以将其用于长篇写作。

基本上,大多数段落都需要有第一行缩进。这很简单,我只是p {text-indent: xem;}<style>部分中添加。

但是,当有额外的ENTER击键(即额外的空格)时,我需要以下行来没有缩进(即p {text-indent:0;})。

由于这些段落遵循额外的ENTER击键,因此这些是紧随其后的段落<p><br></p>(由我正在使用的编辑器生成的代码)。这是我需要瞄准的定义条件。

我不是专业的编码员,所以我花了几个小时试图弄清楚如何做到这一点,但没有成功。

问题是br自动包装在P标签中。对于独立br标签,这些都不是问题 - 它可以工作。但不幸的是,它被包裹了。这种语法实际上适用于我的环境:br + p {text-indent: 0;},但是仅适用于独立br标签。

我无法通过选择元素:empty并应用零缩进(即p:empty + p),因为它不是空的(包含节点<br>)。(......有没有办法让:empty忽略节点?)

希望有高水平知识的人可以让我知道最好的方法 - 必须有一种方法..!

添加 HTML 或 jQuery 不是一种选择——我只需要使用 CSS 来完成。

非常感谢任何可以帮助解决这个问题的人。

标签: javascripthtmljquerycsscss-selectors

解决方案


推荐阅读