2016-09-21 36 views
0
<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標籤內部設置文本

+0

你有沒有網站?所以我們可以檢查,你可以使用':first-child'選擇器。 – mmativ

+0

只有第一個p標籤顏色變化?或所有p標籤顏色chage –

+0

有點JavaScript的文本節點跨度不是一個選項?然後,您可以設置整個'p'的樣式,並顛倒'p b'的樣式。例如'p {text-decoration:underline} p b {text-decoration:none}' –

回答

1

也許這樣?

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

+0

這樣的事情通常會起作用。我試過這個,但我不明白爲什麼它不起作用。我雖然編輯了我的問題。 Wordpress將一個樣式元素放入iI無法編輯的p中。 – pu4cu

+0

您可以使用規則後面的!重要標誌覆蓋樣式屬性。 (font-size:20px!important;) –