css使動態<a>鏈接隱藏在html

以下是html頁面。有一個動態的url變量會生成標籤。由於還有其他的靜態標籤，整個標籤的css應用於所有這些鏈接。css使動態<a>鏈接隱藏在html

如何控制將使用css生成標記的動態變量？我試圖把這個變量的內部標籤，不工作。任何想法？

a { color: #f05322; 
    text-decoration: underline; 
} 
a:hover { color: #f05322; 
    text-decoration: underline; 
}

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" style="" bgcolor="#ffffff"> 
    <tbody> 
     <tr height="0" style="padding:0px;vertical-align:top"> 
      <td height="0" style="padding:0px;"> 
       <table style="width:900px; margin:auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="900"> 
        <tbody> 
        <tr> 
         <td style="padding:20px 10px 10px 35px; " bgcolor="#E6E6E6"> 
          <font face="Arial, Helvetica, sans-serif" style="font-size:14px; color:#3A393A;"> © test | <a href="http://www.test.com" target="_blank" style="font-size:14px; color:#3A393A; text-decoration:none;"> www.test.com</a></font> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          ${someURL} 
         </td> 
        </tr> 
       </tbody> 
       </table> 
      </td> 
     </tr> 
    </tbody> 
</table>

來源

2015-02-10 kitokid

爲什麼你不能使用某個類的鏈接？另外，爲什麼混合內聯和外部CSS（有史以來最糟糕的事情）？ – Justinas 2015-02-10 10:28:46

使用動態元素或其父級的類來覆蓋默認樣式.. – Aru 2015-02-10 10:29:33

使用表格將兩個單個項目放在另一個之上！ – 2015-02-10 10:38:05

最簡單的是一類添加到父（td）：

<td class="someClass"> 
    ${someURL} 
</td>

.someClass a { 
    background: yellow; 
}

JSFiddle

當你無法改變結構，你可以針對這個CSS該單元格：

table table tr:nth-of-type(2) a { 
    background: yellow; 
}

JSFiddle

請注意，選項是乾淨的解決方案...如果你徹底改變你的結構，您還需要更改選項2。

來源

2015-02-10 10:34:39 LinkinTED

css使動態<a>鏈接隱藏在html

回答

相關問題