添加填充到普通的html文本

Question

我的网站上有一个小部件，它生成的内容如下所示：

<div class="wrapper">
    some title
    <p>some content</p>
</div>

我想提供标题文字填充和<p>填充

我已经尝试过了：

.wrapper > * {padding:15px;}

但这并不适用于纯文本。是否有某种纯文本选择器？

我还创造了一个可视化的小提琴。

http://jsfiddle.net/62v59s3j/

Answer 1

没有

有几个非常有限的例外（例如:first-letter），CSS只允许您选择元素。

如果你想要一个块有一个标题，那么它应该是一个标题（<h1>等），这会给你一个元素来选择。就此而言，该块可以更好地表示为<section>而不是<div>。

Answer 2

如果我理解正确，请认为您应该在包装中应用填充，并从<p>

中删除左右填充

.wrapper > p {
  padding:15px 0px; 
}

.wrapper {
  border:1px solid #ddd;
  padding:15px; 
}

jsFiddle

Answer 3

让您的网络浏览器帮助您进行开发。

右键单击元素，然后从上下文菜单中选择inspect元素

在源代码中，右边的元素和上下文菜单中选择复制选择器，粘贴到你的CSS中