如何只在p标签内部设置文本

问题描述：

<div> 
<p style="font-size=40px;"> 
<b>Hello there, welcome</b> 
<br/> 
To this website 
</p> 
<p>Some other text</p>

我该如何只抓取第一个p标签（“本网站”）内的文本？我不能给它一个类或ID，因为它是在wordpress中使用visual composer完成的，我也不能在wordpress中设置它，但我只需要设置该部分的样式。如何只在p标签内部设置文本

你有没有网站？所以我们可以检查，你可以使用'：first-child'选择器。 – mmativ

只有第一个p标签颜色变化？或所有p标签颜色chage –

有点JavaScript的文本节点跨度不是一个选项？然后，您可以设置整个'p'的样式，并颠倒'p b'的样式。例如'p {text-decoration：underline} p b {text-decoration：none}' –

答

也许这样？

http://codepen.io/anon/pen/YGpvxE

片断如下

p:first-child { 
 
     color: red !important; /** Use important only in very rare situations **/ 
 
    } 
 
    
 
    p b { 
 
     color: initial; 
 
    }

<div> 
 
    <p> 
 
    <b>Hello there, welcome</b> 
 
    <br/> 
 
    To this website 
 
    </p> 
 
    <p>Some other text</p> 
 
    </div>

例

编辑： 要覆盖内嵌样式，你可以在你的CSS使用!important。

这样的事情通常会起作用。我试过这个，但我不明白为什么它不起作用。我虽然编辑了我的问题。 Wordpress将一个样式元素放入iI无法编辑的p中。 – pu4cu

您可以使用规则后面的！重要标志覆盖样式属性。（font-size：20px！important;） –

如何只在p标签内部设置文本

相关推荐