选择html元素中的文本并更改样式

时间:2014-05-09 07:10:24

标签: jquery css

<body>
   text1
 <div> text2</div>

</body>

我只需要选择text1并添加一些样式..

我试过

body{
color:red;
}

但text1和text2都变为红色。

我正在寻找类似的东西。

[css_selector_im_searching] 
{
color:red;
}

谢谢

3 个答案:

答案 0 :(得分:1)

<div><span>标记中的text1换成一些id或类,或者按照以下方式给出css ..

body {
    color: red;
}
body div {
    color: black;
}

答案 1 :(得分:1)

将文本和其他项目封装在容器中总是更好,它还可以帮助您进行特定的CSS样式。见这里

http://jsfiddle.net/NamLd/

<div class="div1">   
   Any text you want Here
   <div class="div2">Text Only of This element Div</div>
</div>

答案 2 :(得分:1)

仅textNodes没有CSS选择器,但您可以使用javascript

包装节点
$('body').contents().filter(function() {
    return this.nodeType === 3;
}).wrap('<span class="text" />');

FIDDLE