html - 当第一个子元素很强时删除文本缩进

Question

我遇到了一个让我抓狂的问题。我有一个文章容器，里面有几个段落。第一段包含首字下沉。此第一 段落不使用文本缩进，但每个后续 段落都使用。

当我在一个 h3 标题之后 开始一个新段落时，我不想要任何文本缩进。很好，我可以让它工作(例如蓝色文本)。

我的问题是，当我开始一个带有标题的新段落时(strong 后跟一个分隔符)，这一行将使用该段落的文本缩进，而我不想要它到。我必须在段落内有强标签(正如应该的那样)，而不是在外面。

我正在考虑一种方法来选择所有以强标记开头的段落。我不想使用任何 javascript 来解决这个问题。 我想更改段落的文本缩进，而不是强文本的位置。

我做了一个 jsFiddle这里。我试过这样的事情:

p>strong {
    color:#f0f;
    text-indent: 0 !important;
}

Answer 1

您可以向 strong 标记添加负边距，但我假设您需要一个特定的类。

strong.subhead {
    margin-left: -3em;
}

工作示例位于:http://jsfiddle.net/J5C86/2/

但是，这也假设您不希望缩进与强标记关联的段落。如果您希望副标题下的段落也缩进，您需要在 br 之后的第一个单词或字母上添加另一个标签。

span.subhead-indent {
    margin-left: 3em;
}

示例:http://jsfiddle.net/J5C86/4/