Question

用css控制不同文字亮不同颜色

假如一个页面有:迟到,早退,请假,正常,休假.等文字.
现在需要对:迟到,早退亮红色.其余字体默认为黑色.
请问这样的效果如何实现.
补充说明下:迟到,早退,请假,正常,休假.等文字.不一定全部有.
也就是说:a页面随时刷新.刷新到的文字是上述词语的一个.然后只对迟到,早退.亮红色.假如是正常之类的就默认颜色黑色就好.

Answer 1

把文字放在一个span里面 <span id="ChangeColor">随机文字<span>

再用JQ使其变色，
var v_text = $("#ChangeColor").text();
if(v_text == "迟到" || v_text=="早退"){
$("#ChangeColor").css("color","red");

}else{
$("#ChangeColor").css("color","black");

}

追问

能上个实例吗?或者发我邮箱664690887@qq.com

追答

我写的这么详细还不是实例？

Answer 2

对迟到，早退进行CSS定义，color:#f00;就行了。不行的话欢迎继续追问。

追问

请提供css示例.
假如我的页面文字是这句话:
迟到 早退早退进行CSS定义，color:#f00;就行了。不行的话欢迎早退进行CSS定义，color:#f00;就行了。不行的话欢迎
怎么把迟到早退亮红色?

Answer 3

<span class="corlorred">迟到</span>

.corlorred{color:red;}