首页 > web前端 > css教程 > 如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

WBOY
发布: 2023-09-21 16:45:05
转载
1220 人浏览过

如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

CSS3 中不存在父选择器。为此,建议使用 CSS4 选择器 $,它可能如下所示(选择 li 元素) -

ul $li ul.sub { ... }
登录后复制

作为一种替代方案,使用jQuery,你可以使用一行代码来实现这个功能。:has()选择器选择所有包含一个或多个与指定选择器匹配的元素的元素。

  • 标签定义列表项。
      标签定义无序(带有项目符号)列表。

      $('ul li:has(ul.sub)').addClass('has_sub');
      登录后复制

      您可以在CSS中为li.has_sub添加样式。

      以上是如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级的详细内容。更多信息请关注PHP中文网其他相关文章!

  • 来源:tutorialspoint.com
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板