Css 将相邻的内联块添加到任何内联内容

我的目标是在文本块旁边提供类似“阅读更多”的链接。它是在内容发送到客户端之前自动添加的，包含它的块应该与先前的文本相邻，就像它是此文本的一部分一样。问题是文本块内容是使用TinyMCE编写的，因此内容将打包在各种标记（主要是段落标记）中-因此以下内容将被推到下一行（或块）

因此，在经历解构textblock服务器端的内容以决定在何处以及如何附加另一个块的痛苦之前，我认为可能有一种方法可以使用纯CSS来完成这项工作。我有一种感觉，这是不可能的，因为我认为它需要相邻的块来覆盖前面的块的属性，但是再一次，对于所有这些CSS/内联业务，我可能遗漏了一两件事

我创建了一个JSFIDLE

感谢您对此事的任何建设性意见

看这把小提琴：

---

我只是在第二段和相邻的块中向左浮动。执行此操作时，请记住对父容器应用某种浮点清除（示例中的

）

您可以在css中使用伪元素，方法是将ID添加到以前的标记中：

#block:after {
    content:"You will have this appended.";
}

---

您可以在这里看到效果：

有趣！谢谢！我将尝试应用此方法并让您知道。无论如何，我以前从未见过p+p定义（或任何类似的+定义）。这是什么意思？它是相邻的同级选择器：在这种情况下，它匹配所有的

p

，前面紧接着另一个

p

——因此，在您的示例中，它将一直工作，直到您的标记没有更改为止（使用另一个相邻的

p

）

#block:after {
    content:"You will have this appended.";
}