2016-03-26 56 views
0

是如何爲「B項」在此示例中選擇後CSS選擇器:其中一個BR標籤

<td class="col_3">item before br-tag <br/> flexible item after br-tag</td> 

這不是工作:

td.col_3 > br 
{display: none;} 
+0

你有什麼會正確選擇br元素。但我實際上不確定是否顯示:沒有任何影響br。如果你只是在那裏貼一個div呢? –

+0

css參數只是一個示例。其實我喜歡用背景色:灰色;後來。我試圖找出如何選擇第二個元素... –

+0

td.col_3> br {background-color:grey;} –

回答

0

我很遺憾地告訴你沒有用於文本節點的選擇器。只有元素可以用CSS來定位。如果您希望以不同的方式設置兩個文本節點的樣式,則需要將它們嵌套在兩個不同的元素中。

在跨度中嵌套行是否存在問題?

<span>line 1</span><br> 
<span>line 2</span> 

然後,您可以針對與br + span {}或可替代span:last-child {}


編輯線路2:現在我知道你想有一個灰色的背景,你可以做的就是發生在這一個半透明區域,像這樣的(你可能需要調整高度):

.col_3 { 
 
    position:relative; 
 
    background:white; 
 
} 
 
.col_3::before { 
 
    content:' '; 
 
    position:absolute; 
 
    background:black; 
 
    opacity:.5; 
 
    bottom:0; 
 
    left:0; 
 
    width:100%; 
 
    height:50%; 
 
}
<table> 
 
<tr> 
 
    <td class="col_3">Line 1<br>Line 2</td> 
 
</tr> 
 
</table>

+0

... ..不幸的是,該網站不允許編輯文本。我只能通過一個外部CSS文件訪問此結構:部分術語a
靈活的部分術語b有沒有可能像css中的分隔符選擇器在br-tag之後的不同之處? –

+0

謝謝你,這聽起來不錯,但我不能添加任何span標籤,因爲它是一個cms,我只能通過外部css來解決。有可能是jQuery的版本? –

+0

不,沒有辦法定位文本節點,但請參閱我的編輯以獲得解決方法。 – jayms

1

嘗試使用下面的CSS選擇器:

.col_3 { 
    color:red; 
} 
.col_3:first-line { 
    color:gray; 
}