Html 多个名称几乎相同的类

我有一个小问题，似乎在互联网上找不到答案，除了这里：p

所以我有一个html页面和一些表格。这些表像往常一样有行：p，在这些行中它们是一些输入。 我想在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>

最后，我想要一个影响tr_*行中所有输入的css规则。

您可以尝试：

tr[id^="tr_"] input

但这是一个css 3选择器，并不适用于所有浏览器，或者您可以简单地使用：

tr input

或者将一个类添加到具有该id的每一行，并与该类匹配，您可以尝试：

tr[id^="tr_"] input

但这是一个css 3选择器，并不适用于所有浏览器，或者您可以简单地使用：

tr input

---

或者将一个类添加到具有该id的每一行并匹配该类

您始终可以将一个CSS类添加到您希望定位的每一个表行。e、 g

<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>

---

您总是可以将CSS类添加到希望定位的每个表行中。e、 g

<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>

您可以尝试：

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

如果所有tr标签的id以tr开头，它将检查所有tr标签

如果它不需要位于id属性的开头，只要是随机的，您可以使用：

tr[id*="tr_"]

如果上述方法无效，我建议采用基于类的方法。

您可以尝试：

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

如果所有tr标签的id以tr开头，它将检查所有tr标签

如果它不需要位于id属性的开头，只要是随机的，您可以使用：

tr[id*="tr_"]

---

---

如果上述方法不起作用，我建议采用基于类的方法。

你不能添加一个单独的class=someclass和基于类的样式吗？在文章标题中，你提到了类，但在示例中使用了“id”。通常情况下，您所描述的行为可以很容易地用类来完成，每个tr可以有相同的类，但是您也可以在特定表下为每个tr创建css。您的HTML无效。你的s在哪里？@thirtydot这只是我在这里写的一段代码，我在原始html文件中得到了一个提示：请不要编写与你实际使用的代码类似的代码。或者，如果你这样做了，至少要确保它是有意义的。你不能添加一个单独的class=someclass和基于类的样式吗？在文章标题中你提到了类，但在示例中使用了“id”。通常情况下，您所描述的行为可以很容易地用类来完成，每个tr可以有相同的类，但是您也可以在特定表下为每个tr创建css。您的HTML无效。你的s在哪里？@thirtydot这只是我在这里写的一段代码，我在原始html文件中得到了一个提示：请不要编写与你实际使用的代码类似的代码。或者，如果你这样做了，至少要确保它是合理的。这正是我想要的。非常感谢！：我不知道有这样一个选择器：我试着用*或其他东西来做，但这个效果非常好！：这正是我想要的，非常感谢我不知道有这样一个选择器：我试着用*或其他东西来做，但这个效果非常好！：这应该很有效，但我想我会使用@mck89答案。无论如何，谢谢：很公平，虽然这可能是一种性能更好的无字符串匹配和语义方法哦，是的，也许真的不知道哪一种性能最好，但再次感谢，我可能会在另一个项目上使用它：pNo问题，请不要打扰我，只是指出这一点：还有，感谢thirtydot编辑的有效性，这应该很好，但我想我会使用@mck89答案。无论如何，谢谢：很公平，虽然这可能是一种性能更好的无字符串匹配和语义方法哦，是的，也许真的不知道哪一种性能最好，但再次感谢，我可能会在另一个项目上使用它：pNo问题，请不要打扰我，只是指出这一点：还有，感谢thirtydot为ValiditySems进行编辑，mck89比我领先了一步：似乎mck89比我领先了一步：