CSS餐厅练习链接及参考答案
CSS餐厅练习链接及参考答案
餐厅练习链接: https://flukeout.github.io/
文章目录
- CSS餐厅练习链接及参考答案
- 一、level 1
- 二、level 2
- 三、level 3
- 四、level 4
- 五、level 5
- 六、level 6
- 七、level 7
- 八、level 8
- 九、level 9
- 十、level 10
- 十一、level 11
- 十二、level 12
- 十三、level 13
- 十四、level 14
- 十五、level 15
- 十六、level 16
- 十七、level 17
- 十八、level 18
- 十九、level 19
- 二十、level 20
- 二十一、level 21
- 二十二、level 22
- 二十三、level 23
- 二十四、level 24
- 二十五、level 25
- 二十六、level 26
- 二十七、level 27
- 二十八、level 28
- 二十九、level 29
- 三十、level 30
- 三十、level 31
- 三十、level 32
- 总结
一、level 1
参考答案:plate
二、level 2
参考答案:bento
三、level 3
参考答案:#fancy
四、level 4
参考答案:plate apple 或者(plate>apple)
五、level 5
参考答案:#fancy pickle
六、level 6
参考答案:.small
七、level 7
参考答案:orange.small
八、level 8
参考答案:bento orange.small或者bento>orange.small
九、level 9
参考答案:plate,bento
十、level 10
参考答案:*
十一、level 11
参考答案:plate *
十二、level 12
参考答案:plate+apple
十三、level 13
参考答案:bento~pickle
十四、level 14
参考答案:plate>apple
十五、level 15
参考答案:plate orange:first-child
十六、level 16
参考答案:plate :only-child或者plate>:only-child
十七、level 17
参考答案:.small:last-child
十八、level 18
参考答案:plate:nth-child(3)
十九、level 19
参考答案:bento:nth-last-child(3)
二十、level 20
参考答案:apple:first-of-type
二十一、level 21
参考答案:plate:nth-of-type(2n)
二十二、level 22
参考答案:plate:nth-of-type(2n+3)
二十三、level 23
参考答案:apple:only-of-type
二十四、level 24
参考答案:.small:last-of-type或orange:last-of-type,apple:last-of-type
二十五、level 25
参考答案:bento:empty
二十六、level 26
参考答案:apple:not(.small)
二十七、level 27
参考答案:[for]
二十八、level 28
参考答案:plate[for]
二十九、level 29
参考答案:[for="Vitaly"]或者bento[for="Vitaly"]
三十、level 30
参考答案:[for^="S"]
三十、level 31
参考答案:[for$="o"]或者[for$="ato"]或者[for$="to"]
三十、level 32
参考答案:[for*="obb"]或者[for*="ob"]或者[for*="bb"]
总结
1.:only-child与:only-of-type的区别
:only-child表示选择当当前元素的父元素的子元素序列中,没有其它兄弟元素的元素
:only-of-type表示选择当当前元素在其父元素的子元素序列中,没有其它相同类型兄弟元素的元素
2.:first-child与:first-of-type的区别
:first-child 匹配的是某父元素的第一个子元素,可以说是整体结构上的第一个子元素,无关元素的类型。
:first-of-type 匹配的是某父元素下相同类型子元素中的第一个,比如 p:first-of-type,就是指所有类型为p的子元素中的第一个。这里不再限制是结构上的第一个子元素,只要是该类型元素的第一个即可,无关整体结构。
同样类型的选择器 :last-child 和 :last-of-type、:nth-child(n) 和 :nth-of-type(n) 也可以这样去理解。
CSS餐厅练习链接及参考答案相关推荐
- CSS餐厅小游戏练习1~32关(附答案和链接)
前言:CSS3众多基础常见的选择器都可以小游戏中学习,每天刷一遍,辅助记忆,做好熟练运用CSS3的第一步. 小游戏链接:CSS3餐厅练习 玩法:利用各种选择器和选择器之间的关系选中抖动的物体即可通关 ...
- 两万字详细爬虫知识储备,数据采集与清洗基础习题(一)头歌参考答案
数据采集习题参考答案,会持续更新,点个关注防丢失.为了方便寻找,按照头歌的门类从新整理了实训的分类,朋友们记得看标题哦,按标题寻找! 该篇为爬虫知识储备! 文章目录 实训一:HTML基础 第一关:初识 ...
- WEB自动化和appium自动化面试题参考答案
一.Web自动化测试 1.Selenium中hidden或者是display = none的元素是否可以定位到? 不能,可以写JavaScript将标签中的hidden先改为0,再定位元素 2.Sel ...
- 正则掌握程度测试题——参考答案
正则掌握程度测试题--参考答案 1. 分组提取/非捕获组 (1.1)分组提取 (1.2)非捕获组 2. 单字符或 (2)单字符或 3. 多字符或 (3)多字符或 4. 分组引用 (4)匹配连续相同3次 ...
- 知道PHP期末答案,PHP期末练习(参考答案).doc
PHP期末练习(参考答案) 练习题 单选 以下控制选项与错误控制无关的是:( ) error_reporting display_errors log_errors date.timezone 下面不 ...
- 南京晓庄学院大一第二学期计算机数据结构期末考试试卷及答案,南京晓庄学院数据结构题库参考答案.docx...
文档介绍: 数据结构与算法****题册(课后部分参考答案)<数据结构与算法>课程组目录课后****题部分第一章绪论 1第二章线性表 3第三章栈和队列 5第四章串 8第五章数组和广义表 10 ...
- 2021年人工神经网络第三次作业-第二题:遗传算法与人工神经网络-参考答案
简 介: 给出了对于BP网络求解异或问题过程中,利用遗传算法完成网络演变的过程.所使用的遗传算法是最基本的遗传算法.利用遗传算法对于网络的系数进行演变,可以对网络系数初始化过程进行优化.对于不同的遗传 ...
- 2021年春季学期-信号与系统-第三次作业参考答案-第十一道题
本文是 2021年春季学期-信号与系统-第三次作业参考答案 中的参考答案. ▌第十一道题 11. 如果已知系统的输入输出关系可以使用二阶常系数 差分方程来描述.如果相应输入为:x[n]=u[n]x\l ...
- 2021年春季学期-信号与系统-第三次作业参考答案-第十道题
本文是 2021年春季学期-信号与系统-第三次作业参考答案 中的参考答案. ▌第十道题 10. 求解差分方程: (1)第一小题 y[n]=−5y[n−1]+ny\left[ n \right] = - ...
最新文章
- 解决 Illegal DefaultValue null for parameter type integer 异常
- centos 7.x 实现免密登录
- Html做文章查看上一篇下一篇功能,SDCMS文章添加上一篇、下一篇
- 985硕士面试20场全被拒,被竞争困住的数据分析人,太难了
- Windows 7环境下网站性能测试小工具 Apache Bench 和 Webbench使用和下载
- UVA11038 How Many O's?题解
- 脚本——监控打印服务
- 一个屌丝程序猿的人生(三)
- AS中signingConfigs配置
- Java学习—初入Java
- Win7问题汇总及解答!
- Mysql为何不推荐写多表SQL
- MCS51延时程序分析
- win10双显示器 鼠标移动总感觉到另一屏困难
- [附源码]java毕业设计网上拍卖系统
- oracle grid的概念和asm的配置
- 13.Linux文件系统结构
- 正点原子 第65讲 MPU6050 六轴传感器实验
- 功能强大的文件上传插件带上传进度-WebUploader
- uni-app 聊天对话滚动到最底部
热门文章
- “金三银四”求职季过去了,五月份还会是技术岗找工作的好时机吗?
- MSP430使用库函数上手
- 如何用GIMP绘制gif图,我用5个小时制作了一个CSDN的点关注动态图,现在都教给你5分钟学会。
- Qt基础:六、标准对话框
- MC-BE基岩版服务器搭建与日常维护
- 明日之后维尔市服务器找不到,明日之后:迁徙计划仅对“部分人”开启,果然没有想象中那么简单...
- 二进制补码计算原理详解
- 用Python代码画出灰太狼
- pwnable.krToddlr’s Bottle题解3
- Linux中软件的安装方式