多班，幾乎沒有相同的名稱

我有一個小問題，它似乎有在互聯網上沒有任何地方，我可以找到答案，除了這裏：P多班，幾乎沒有相同的名稱

所以我有一個html頁一些tables。假設tables有行（像往常一樣：p），在這些行中它們是一些inputs。我想在我的CSS文件中添加一條規則，這對所有這些行都有影響。這些行有一個id幾乎是相同的語義。

這裏是我的代碼：

<table> 
    <tr id="tr_creneau_1"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="tr_creneau_2"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
</table> 

<table> 
    <tr id="tr_logo_1"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
</table>

最後我希望有一個CSS規則影響誰在tr_ *線全部投入。

來源

2012-06-12 Edouard Moinard

你可不可以添加一個單獨的'class =「someclass」'和基於該類的樣式嗎？ –

在文章標題中提到了課程，但在示例中使用了「id」。通常，您所描述的行爲可以很容易地通過類來完成（每個tr可以具有相同的類），但是您也可以爲特定表下的每個tr創建一個css。 –

您的HTML無效。你的''在哪裏？ – thirtydot

你可以嘗試使用：

tr[id^="tr_"] input

但是，這是一個CSS 3選擇，它不會在所有的瀏覽器，或者你可以簡單地使用：

tr input

或添加類到具有該id的每一行並與該類匹配

來源

2012-06-12 10:04:08 mck89

這是我想要的非常感謝！：D我不知道有這樣的選擇器:)我試着用*做什麼，但這完美的作品！ :) –

您可以隨時向您希望定位的每個錶行添加一個CSS類。例如

<table> 
    <tr id="tr_creneau_1" class="style-me"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="tr_creneau_2" class="style-me"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="somethingElse"> 
     no input, so no class needed 
    </tr> 
</table>

然後風格爲這樣：

table .style-me input { 
    background-color: red; 
}

來源

2012-06-12 10:04:32 WickyNilliams

這應該很好，但我想我會使用@ mck89答案。無論如何，謝謝:) –

公平不夠，雖然這可能是一個更高性能（沒有字符串匹配）和語義方法 – WickyNilliams

哦，也許真的不知道這是最高性能，但再次感謝我可能會用另一個時間在其他項目：p –

你可以試試：

tr[id^="tr_"] { --your css here-- }

它會檢查所有tr標籤，如果他們的ID與tr_開始。

如果沒有需要在id屬性的開始，只是隨意的地方，你可以使用：

tr[id*="tr_"]

如果上述方法不工作，我會建議去爲一類爲基礎的方法。

來源

2012-06-12 10:10:42

似乎mck89是領先於我的一步:) –

是的，但無論如何，^^ –

多班，幾乎沒有相同的名稱

回答

相關問題