CSS进阶-01-选择器-后代

最新推荐文章于 2023-12-03 22:11:00 发布

Keep learning（Poker）

最新推荐文章于 2023-12-03 22:11:00 发布

阅读量372

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_63562705/article/details/121788212

版权

一、选择器进阶

目标:能够理解复合选择器的规则，并使用复合选择器在HTML中选择元素

学习路径:

1.复合选择器

2.并集选择器

3.交集选择器

4. hover伪类选择器

5. Emmet语法

1.1后代选择器:空格

★作用: 根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素

★选择器语法:选择器1 选择器2 { css }

★结果:在选择器1所找到标签的后代 (儿子、孙子、重孙子...)中,找到满足选择器2的标签,设置样式

★注意点:

1.后代包括: 儿子、孙子、重孙子.....

2.后代选择器中，选择器与选择器之前通过空格隔开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 我要

最低0.47元/天解锁文章

Keep learning（Poker）

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS进阶-01-选择器-后代

一、选择器进阶目标:能够理解复合选择器的规则，并使用复合选择器在HTML中选择元素学习路径:1.复合选择器2.并集选择器3.交集选择器4. hover伪类选择器5. Emmet语法1.1后代选择器:空格★作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素★选择器语法:选择器1 选择器2 { css }★结果:在选择器1所找到标签的后代 (儿子、孙子、重孙子...)中,找到满足选择器2的标签,设置样式★注意点:1.后代包括: 儿子、孙子、.
复制链接

扫一扫