后代选择器的范例

最新推荐文章于 2023-04-29 19:23:18 发布

weixin_30337251

最新推荐文章于 2023-04-29 19:23:18 发布

阅读量1.3k

点赞数 1

原文链接：http://www.cnblogs.com/roytanlu/archive/2012/05/05/2484872.html

版权

1、后代选择器的作用是：当X元素中包含y元素时，后代选择器有办法选中y元素。
2、后代选择器的写法是：X y，也就是说外面的写在前面，内层的写在后面。

<style type="text/css">
    /*下面是一个a标记，即链接标记*/
    a{
        color: red;
    }
    /*下面是一个后代选择器，其中在外面的是一个a标记，在里面的是一个b标记，即粗体标记*/
    a b{
        color: green;
    }
</style>
<body>
    <b>示例文字000</b></br><!--参照组，单纯的b标记，未在上面CSS中定义-->
    <a href="#">示例文字001</a></br><!--参照组，a标记，CSS中定义为红字-->
    <a href="#">示例文字<b>002</b>示例文字003</a><!--通过后代选择器，将a标记中的b标记找出来，并给出绿色-->
</body>

转载于:https://www.cnblogs.com/roytanlu/archive/2012/05/05/2484872.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30337251

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
后代选择器的范例

1、后代选择器的作用是：当X元素中包含y元素时，后代选择器有办法选中y元素。2、后代选择器的写法是：X y，也就是说外面的写在前面，内层的写在后面。<style type="text/css"> /*下面是一个a标记，即链接标记*/ a{ color: red; } /*下面是一个后代选择器，其中在外面的是一个a标记，在...
复制链接

扫一扫