百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css子类选中器有哪些
分享文章到:

css子类选中器有哪些

发布时间:01/01 来源:未知 浏览: 关键词:

在css中,类选中器是值“E > F”选中器,用于匹配E元素的所有1级子元素F;子类选中器仅仅指的是父元素的直接后代,大家可以懂得为仅作用于第一代子元素,通过“>”停止选中。

引荐:css视频教程

子类选中器

选定元素下面的子类,用>符号表示。

语法说明

你应当已经留意到了,子选中器使用了大于号(子结合符)。

子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题:

h1 > strong
h1> strong
h1 >strong
h1>strong

假如从右向左读,选中器 h1 > strong 可以说明为“选中作为 h1 元素子元素的所有 strong 元素”。

示例:

<ul class="clothes">
        <li>衣服            <ul>
                <li>T恤</li>
                <li>衬衣</li>
                <li>短袖</li>
            </ul>
        </li>
        <br>
        <li>裤子            <ul>
                <li>牛仔裤</li>
                <li>休闲裤</li>
                <li>七分裤</li>
            </ul>
        </li>
    </ul>

这是没有任何样式的,我们在阅读器中显示如下:

1.png

这是没有任何样式的,我们在阅读器中显示如下:

<script>
       $(function () {
          $(".clothes>li").css("border","1px solid red");
       });    </script>

阅读器显示结果如下图所示:

2.png

我们可以看到只要第一代子类为li(衣服、裤子)的加上了红色边框,而其他的如T恤、牛仔裤等等并没有任何样式。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板