javascript - 如何仅使用 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 来完成。
非常感谢任何可以帮助解决这个问题的人。
解决方案
推荐阅读
- java - 用于 DNS 和记录的 MSAL JAVA WEB API
- reactjs - 如何将 SVG 样式转换为 JSX
- javascript - 将带有每个的 JQuery 函数转换为 vanilla JS
- node.js - 如何获取与mongodb中所需参数匹配的数组中的对象数?
- flutter - 颤动中的showModalBottomSheet有多接近?
- swift - TableView 中的 collectionView reloaddata
- python - 将数据框从水平列重塑为垂直
- php - Laravel 验证:软删除 + 唯一电子邮件 + 更新
- javascript - 使用 await 和 async 在其他任何事情之前加载解析 Tau-Prolog
- actionscript-3 - FlashDevelop 调试器窗口显示不正确的分辨率