html - 你如何检测元素前面是否有纯文本？

Question

我有一些包含叙事形式的 HTML DIV 元素。例如:

<div class="narrative">
    My name is <input type="text"> and I am <input type="text"> years old.
</div>

如果第一个 <input> 之前有纯文本，有没有办法用 CSS 检测？元素以便我可以添加左边距？如果不是，请提供无需对第一个输入进行分类或将纯文本包装在一个范围内即可执行此操作的方法的建议？

它不会总是以纯文本开头:

<div class="narrative">
    <input type="text"> is <input type="text"> years old.
</div>

Answer 1

CSS 只能选择元素，不能选择元素中的单个文本节点。这是您必须通过 DOM 脚本和 CSS 完成的事情。