javascript - 如何设置两个 <br> 元素之间的文本部分的样式？

Question

我正在尝试将 CSS 添加到来自 XML rss 提要的文本的一部分(但我无法更改它)。 那么使用 Javascript 呢？

问题是我希望它更小且右对齐。

我所说的文本部分是“此优惠有效期至 ##/##/##”。

问题是:

http://jsfiddle.net/WC5F8/1/

.itemContent br {
text-align:right;
font-size: 0.5em;
}

Answer 1

仅靠 CSS 是不可能的，div 中的所有文本元素是字符数据 (CDATA)，中间穿插着 br元素。使用 CSS，您只能定位整个 元素及其整个 内容。如果您无法更改或重写 HTML，则无法重新设置单个元素的 CDATA 子集的样式。

使用 Javascript 很难，因为您具有无法选择整个元素的相同限制。您必须开始按任意标准拆分内容，例如希望总是有相同数量的 <br>元素。该解决方案本质上是不稳定的。