给选中的一段文字加颜色的办法

给选中的一段文字加颜色的办法:

方法1:用加高亮的方法

在CSS中修改对应mark的样式。但这种方法的弊端是,

  1. 样式不够用。
    2.如果将来使用其他CSS模板,会影响整体效果。

方法2:用给文字加link的方法:

[你要加红色的文字内容……](color-red)
[你要加蓝色的文字内容……](color-blue)

然后在CSS中加入下面的代码:(代码供试验用,改为你喜欢的其他样式)

span.page-reference a.page-ref[data-ref*="color-red"] {color:red;}
span.page-reference a.page-ref[data-ref*="color-blue"] {color:blue;}

可以任何命名,比如:

[文字内容……](重点)

在CSS中加入重点的样式

span.page-reference a.page-ref[data-ref*="重点"] {
  color: #ffb86c;
  font-weight: bold;  
}

image

这相当于给某一段文字而不是一个block,加了一个页面链接。这就有一个好处,你点击重点的文字内容,可以看到其他所有的重点。

需要注意的是:不能在()里面加英文的:,这样会使软件识别为外部链接而不是页面链接。