Question

我们假设我有以下段落：

    // lib files
    'public/lib/angular/angular.js',
    'public/lib/angular-resource/angular-resource.js',
    'public/lib/angular-cookies/angular-cookies.js',
    'public/lib/angular-animate/angular-animate.js',
    'public/lib/angular-touch/angular-touch.js',
    'public/lib/angular-sanitize/angular-sanitize.js',
    'public/lib/angular-ui-router/release/angular-ui-router.js',
    'public/lib/angular-ui-utils/ui-utils.js',
    'public/lib/underscore/underscore.js',
     // my application files
    'public/config.js',
    'public/application.js',
    'public/dist/js/templates.js',
    'public/modules/*/*.js',
    'public/modules/*/directives/*/*.js',
    'public/modules/*/*[!tests]*/*.js',
    'public/modules/*/*[!mocks]*/*.js',
     // test files
    'public/lib/angular-mocks/angular-mocks.js',
    'public/modules/*/**/*.mocks.js',
    'public/modules/*/**/*.test.js'

现在假设我想在两个，三个和四个绿色的位置设置样式，而不会对文档的结构或其他布局产生任何其他影响。我基本上想要一个WARN超越像one two three four five  s这样的块级元素。我怎样才能最简单地完成这项工作？我可以

<span>

但由于我使用了markdown解析器并拥有自己的自定义预处理代码，这使得事情变得非常混乱。我能做什么，只有一个“样式开始”标记，每个连续长度的绿色文本只有一个“样式结束”标记？

Answer 1

您可以将文字打包在一个 中，并在其中包含一个包围您要设置样式的文字，所以：

<p>one <span>two three four</span> five</p>

http://jsfiddle.net/asbd9rdj/

修改的

要定位多个代码中的特定字词，请使用作为内联元素，以便为其添加样式。

<p>one <span>two</span></p>
<p>three <span>four</span></p>

示例：http://jsfiddle.net/79be8L6L/

Answer 2

＆＃34;交织＆＃34; HTML标记is invalid。您应该使用3个单独的标记，就像在第二个示例中一样。

不幸的是，让HTML生成器处理这个是生成正确HTML的必要复杂性。

如何将样式应用于超出其他元素边界的文本范围？

2 个答案: