2014-09-24 84 views
0

問題

我想訪問跨度文本並更改其顏色。 如何在以下設置中執行此操作?更改跨度嵌套範圍之外的跨度元素的屬性

代碼

<div class="element"> 
    <button type="button" class="btn btn-default"> 
     <span class="glyphicon glyphicon-play" ng-if="true">button</span> 
    </button> 
    <span class="title">Change this color</span> 
</div> 

建議

span.glyphicon.glyphicon-play[ng-if="true"] span.title { 
    color:red; 
} 

這並不遺憾的是工作。

的jsfiddle

http://jsfiddle.net/916g3bea/2/

+0

正如你看到的,我想改變的屬性取決於父跨度的其他屬性。它始終是之前的跨度。所以也許像下一個跨度第一個孩子或什麼可能工作? – gco 2014-09-24 06:59:20

+1

不幸的是,你不能在DOM中遍歷以純CSS來選擇下一個'span'元素。 – 2014-09-24 06:59:30

+0

不幸的是。我期待這個答案。然後我需要在其他地方寫屬性。 – gco 2014-09-24 07:00:24

回答

-1

試試這個:

span.glyphicon.glyphicon-play[ng-if="true"], span.title { 
    color:red; 
} 
+0

確定您的權利,但這會使其始終爲紅色。如果給定的屬性設置爲,我需要它是紅色的。我會讓我的問題更清楚。 ty雖然。 – gco 2014-09-24 06:57:56