選擇TD包含在CSS

Question

一個跨度如果我已生成的HTML：從Vue.js模板

<td><span class='n'>123<span class='thousand'>124</span>124</span></td> 
<td>not a number</td> 

來源：

<td>{{ num | integer }}</td> 
<td>{{ str }}</td> 

如何選擇td包含一個span.n使用CSS？我想對齊向右

Answer 1

爲此，您可以輕鬆地使用這些線路之一：

td .n{float:right;} 
td span.n{float:right;} 
td > .n{float:right;} 
td > span.n{float:right;} 

Answer 2

您正在尋找未在CSS實現，但（等待CSSv4）家長選擇。

您可以用js/jQuery來選擇父：

$('span.n').closest('td').addClass('text-align-left') 

---

如果您的文本被包裹在span，僅必須在td對齊，比你可以用這樣的CSS文本：

td span.n { 
    display: block; 
    text-align: right; 
} 

它將刪除span對齊的內聯元素，但會使其全寬文本對齊到右邊。