您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS选择另一个元素的多个子元素

CSS选择另一个元素的多个子元素

是否可以在CSS中选择多个具有某个特定类,id等父的元素?

当前,不幸的是,并非没有复制整个父选择器并指定所有后代,而是1:

table.exams caption, 
table.exams tbody, 
table.exams tfoot, 
table.exams thead, 
table.exams tr, 
table.exams th, 
table.exams td

直到选择器3最终确定后,他们才提出了伪类表示法来进行此操作,直到最近,基本实现才开始出现。

简而言之,现在已成为标准的伪类称为:matches()。在遥远的将来,一旦浏览器开始实施:matches(),您将可以执行以下操作:

table.exams :matches(caption, tbody, tfoot, thead, tr, th, td)

如果不是,是否有办法选择该类别的所有后代?

好吧,您可以简单地使用一个*代表任何元素的星号。鉴于您在选择器中有thtd,您可能意味着的所有后代而不是的所有子代table.exams,因此请不要使用>,而应使用空格:

table.exams *

但实际上,请 避免这样做 。如果可以,请尽最大努力指定您要选择的后代类型。

1 特别是对于表,您可以使用table.exams > :not(.colgroup), table.exams > * > tr>*,但是您可以看出它是难以置信的神秘(更不用说它假设您在此表中没有脚本支持元素或嵌套表),最好只列出所有您明确想要的后代。

CSS 2022/1/1 18:23:19 有314人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶