[13th-铁人赛]Day 6:Modern CSS 超详细新手攻略 - Selector (二)

介绍完基础选择器,再来介绍一下复合选择器~

  1. a b 选择a元素里的子元素
    https://ithelp.ithome.com.tw/upload/images/20210911/20141395p10gxG0c5X.jpg

  2. ab ab为同一元素但不同标签
    https://ithelp.ithome.com.tw/upload/images/20210911/20141395iVV6ZpFj9D.jpg

  3. a, b 同时选择a及b元素
    https://ithelp.ithome.com.tw/upload/images/20210911/20141395JU8LxG8cVd.jpg

  4. a + b 选择与a元素相邻的第一个b元素
    https://ithelp.ithome.com.tw/upload/images/20210911/201413958rYJoOmZfa.jpg

  5. a ~ b 选择与a元素相邻的所有b元素
    https://ithelp.ithome.com.tw/upload/images/20210911/20141395wBzSoyb39J.jpg

  6. a > b 选择a元素内的直接子元素
    https://ithelp.ithome.com.tw/upload/images/20210911/201413954soCQMNeS5.jpg

Challenge

https://ithelp.ithome.com.tw/upload/images/20210911/20141395hPRhB19qu6.jpg


<<:  【PHP Telegram Bot】Day02 - Telegram 聊天机器人原理

>>:  Day60 (React)

Day29:29 - Facebook、Line分享

mhoro,我是Charlie! 在Day28的时候我们完成了按赞系统,而今天我们将看看如何增加Fa...

[Day 6] 资料集分析-Json、VScode

分析资料集 资料集来源: https://opendata.culture.tw/frontsite...

NestJs 延伸篇 - Federation 实作

上一篇我们建立了 gateway ,也把 Task Service 安装了 federation 的...

问不用下载环境档便可执行的语言

在下还只是一位新手请大家鞭小力点 如果要执行用Visual Studio的C#或用python写出的...

Day27 [实作] 一对一视讯通话(7): 使用 Docker 封装

首先我们需要有 Docker 环境,如果还没有可以参考 Docker 安装 制作 Dockerfil...