如何在一列中應用兩種樣式

如果我有TD（表格列）。像如何在一列中應用兩種樣式

<table> 
    <tr> 
     <td>* Name</td> 
     <td><input type="text"></td> 
    </tr> 
</table>

是否有可能我在第一列中應用兩種樣式。就像我想要的那樣，我的星號看起來是紅色的，名字似乎是藍色的。如果我把它在兩列則是可能的，就像

<table> 
    <tr> 
     <td style color="red">*</td> 
     <td style color="blue">Name</td> 
     <td><input type="text"></td> 
    </tr> 
</table>

，但我想知道是否有可能在第一種情況下當兩個*和名稱的文字是在同一列？

感謝

來源

2012-03-06 Basit

你可以在一個跨度中包裹星號嗎？比如' * Name'？ – 2012-03-06 05:06:23

是的，我會用<span style="color: red">圍繞TD內的星號和您可以風格整個TD瓦特/藍色或只是如果你打算具有TD內未着色區的名稱。

來源

2012-03-06 05:06:11

這是正確的想法，但我會用類來做。 ' *'這裏的CSS有'.accent {color：red}'。有時間和地方是迂腐的，但我認爲這是一個很好的候選人。你可能有其他文字（不只是星號）應該得到重音的顏色。當然，「口音」這個名字應該改成對你有語義意義的東西（因爲顏色可能會在某一天改變，所以不是「紅色」）。 – 2012-03-06 06:14:50

完全同意格雷格，只是試圖保持代碼超級簡單，所以Basit可以儘可能簡單地理解！ – 2012-03-06 06:20:34

當談到提供指導和指導時，簡單往往比「最佳實踐」更重要，這是肯定的。 – 2012-03-06 06:22:36

-2

可以使用2 CSS類，如：

<table> 
    <tr> 
     <td class="Red Blue">Name</td> 
    </tr> 
</table>

CSS：

.Red { 
background-color: red; 
} 

.Blue { 
background-color: blue; 
}

但我不知道的情況下，當我們需要它。

來源

2012-03-06 05:07:36

O_o會變成紫色嗎？ – bernie 2012-03-06 05:08:19

@ Evl-ntnl星號在哪裏去了？你的意思是這個' *名字' – Basit 2012-03-06 05:14:00

我想你已經讀過這個問題的標題，並跳入一個答案而沒有讀完全部要求。 – 2012-03-06 06:20:17

如何在一列中應用兩種樣式

回答

相關問題