我有一个元素，它的类是MuiTable-root jss51 jss52 jss53。
另一个元素的类为MuiTable-root jss51。jss后面的数字可以不同，但第一个元素中第一个jss后面的数字和第二个元素中唯一的jss后面的数字是相同的。（例如，MuiTable-root jss23 jss24 jss25表示第一个元素，MuiTable-root jss23表示第二个元素）
如何使用css只选择第一个元素？
编辑：
我使用的HTML：
<div>
<table class="MuiTable-root jss51 jss52 jss53">
<colgroup>...</colgroup>
<thead class="MuiTableHead-root">...</thead>
</table>
<table class="MuiTable-root jss51">
<colgroup>...</colgroup>
<tbody class="MuiTableBody-root">...</thead>
</table>
</div>我只需要改变第一个表的示例。我不能访问表上面的<div>。我需要纯粹使用表的类。同样，jss后面的数字不总是51，52，53
2条答案
按热度按时间qzlgjiam1#
使用此选择器：
此选择器here的说明
浏览器支持-check here
yqkkidmi2#
如果假定：
<table>中至少有一个jss紧跟在以0到9之间的数字结尾的类名之后（例如jss51 jss52）<table>中的jss不紧跟在以0到9之间的数字结尾的类名之后您可以使用以下命令检查
jss是否出现，它紧跟在0到9之间的数字Y之后参考w3文档：
[att*=瓦尔]
表示具有att属性的元素，其值至少包含子字符串“val”的一个示例。如果“val”是空字符串，则选择器不表示任何内容。
例如：
x一个一个一个一个x一个一个二个x