CSS选择器练习小游戏

2023-09-19 01:33:09

请结合CSS选择器练习小游戏进行阅读(网页的动态效果是没有办法通过静态图片展示的)
网址:请点击
有些题有多种答案,本文就不一一列出了

  1. 第一题
    在这里插入图片描述
    答案:plate
  2. 第二题
    在这里插入图片描述
    答案:bento
  3. 第三题

    答案:#fancy
  4. 第四题
    在这里插入图片描述
    答案:plate apple或者plate>apple
  5. 第五题
    在这里插入图片描述
    答案:#fancy pickle
  6. 第六题
    在这里插入图片描述
    答案:.small或者apple.small
  7. 第七题
    在这里插入图片描述
    答案:orange.small或者plate>orange.small,bento>orange.small(第二种就有点小丑了)
  8. 第八题
    在这里插入图片描述
    答案:bento orange.small
  9. 第九题
    在这里插入图片描述
    答案:plate,bento
  10. 第十题
    在这里插入图片描述
    答案:*
  11. 第十一题
    在这里插入图片描述
    答案:plate *
  12. 第十二题
    在这里插入图片描述
    答案:plate+apple
    有时真的得佩服别人,我舍长在没了解过选择器的语法格式的情况下,就单看这一题,一眼就看出这两个apple都在盘子后面。有时候真不是逃避,是真比不过
  13. 第十三题
    在这里插入图片描述
    答案:bento~pickle
    我一开始想错了这个答案的含义,正确的是:在bento后面所有的pickle
  14. 第十四题
    在这里插入图片描述
    答案:plate>apple
  15. 第十五题
    在这里插入图片描述
    答案:plate :first-child(冒号前面一定要有一个空格,不然不行)
  16. 第十六题
    在这里插入图片描述
    答案::only-child
  17. 第十七题
    在这里插入图片描述
    答案:plate apple:last-child,pickle
  18. 第十八题
    在这里插入图片描述
    答案::nth-child(3)
  19. 第十九题
    在这里插入图片描述
    答案::nth-last-child(4)或者bento:nth-child(2)或者bento:first-of-type
    (除了第一个,后边两个冒号前不能加空格,我也不是太清楚啥时候能在冒号前加,啥时候不能加)
  20. 第二十题
    在这里插入图片描述
    答案:apple:first-of-type(同样冒号前加不了一点空格)
  21. 第二十一题
    在这里插入图片描述
    答案::nth-of-type(even)
    (even:复数,odd:奇数。当输入数字时,和:nth-child()的用法一样)
  22. 第二十二题
    在这里插入图片描述
    答案::nth-of-type(2n+3)或者:nth-child(2n+3)
  23. 第二十三题
    在这里插入图片描述
    答案:apple:only-of-type(冒号前不能加空格)
  24. 第二十四题
    在这里插入图片描述
    答案:orange:last-of-type,apple:last-of-type
  25. 第二十五题
    在这里插入图片描述
    答案:bento:empty(冒号前后都不能加空格,上面的情况应该也同样)
  26. 第二十六题
    在这里插入图片描述
    答案:apple:not(.small)

根据版本的不同,我这里已经游戏结束了,那么恭喜你
在这里插入图片描述

更多推荐

Matter 协议系列:发现

Commissionable发现Commissionable发现发生在投入使用(未绑定)之前,指的是发现和识别Commissionable节点的过程。有三种方法可以通过这些方法中的任何一种来广播Commissionable的节点:蓝牙低功耗(BLE)Wi-FiSoft-AP基于IP的网络上的DNS-SD,也称为现有的I

laravel框架 - 集合篇

LaravelEloquent通常返回一个集合作为结果,集合包含很多有用的、功能强大的方法。你可以很方便的对集合进行过滤、修改等操作。本次教程就一起来看一看集合的常用方法及功能。你可以使用助手函数collect将数组转化为集合。$data=collect([1,2,3]);1.增加$data=collect([1,2,

Linux下进度条程序实现以及自动化构建工具makefile的实现和对回车键的理解

在实现进度条之前我们要了解一些有关实现进度条的知识。例如回车和makefile的使用自动化构建工具:makefilemakefile实现的目的就是可以进行自动化的编译与自动化清理,即实现好了makefile之后,仅仅使用make指令就可以直接完成程序的编译过程。先看一看咱们实现makefile之后得到的效果截图:这里m

Linux Day16 多线程的一些常见问题

目录一、多线程+fork()问题一:多线程中某个线程调用fork(),子进程会有和父进程相同数量的线程吗?1.1.1不使用fork前,让线程函数和主程序打印其进程号结果:结论:1.1.2在主程序中加入fork结果:结论:1.1.3线程函数加入fork()结果:结论:综上所述:多线程程序fork后,子进程只启用一条执行路

C++ 4种智能指针的定义与使用——学习记录008

1.智能指针1.1作用智能管理动态分配的内存,自动释放程序员new出来的内存,从而避免内存泄漏。1.2原理动态分配的内存交给有生命周期的对象处理,在对象过期时,内存的释放交给对象来处理。1.3使用方法#include<memory>auto_ptr<类型>变量名称(new类型);auto_ptr<string>str(

搜索引擎排名因素有哪些具体的细节?

搜索引擎排名因素有很多,以下是一些常见的因素:关键词密度和位置:搜索引擎会考虑关键词在网页上的出现频率和位置。关键词密度指的是关键词在网页内容中出现的频率与整个文本的比例。关键词的位置也很重要,例如,如果关键词出现在页面的顶部或标题标签中,则更有可能被搜索引擎重视。页面标题和元标签:这是搜索引擎对网页进行排名的关键因素

Observability:检测 OpenTelemetry 的推荐指南

作者:BahubaliShettiOpenTelemetry(OTel)正在稳步获得广泛的行业采用。作为主要的云原生计算基金会(CNCF)项目之一,其提交数量与Kubernetes一样多,它正在获得主要ISV和云提供商的支持,为该框架提供支持。许多来自金融、保险、科技和其他行业的全球公司开始对OpenTelemetry

Java -【字符串,数组,哈希表】常用操作

一.字符串创建字符串:可以使用双引号或者String类的构造方法创建字符串。Stringstr1="HelloWorld";Stringstr2=newString("HelloWorld");连接字符串:可以使用加号或者String类的concat()方法连接字符串。Stringstr3=str1+str2;Stri

【Linux】常用工具(上)

Linux常用工具一、Linux软件包管理器yum1.软件包2.查看软件包3.安装/卸载软件4.yum其他指令的功能二、Linux编辑器-vim使用1.vim的基本概念2.vim的基本操作(1)光标移动(命令模式)(2)光标定位(命令模式)(3)复制粘贴撤销(命令模式)(4)其他操作(命令模式)(5)保存并退出(底行模

最新医疗界AI资讯,远程评估帕金森病症状的AI工具问世

原创|文BFT机器人1、AI模型快速评估,自动生成评估报告罗切斯特大学研究人员开发的一种人工智能工具可以帮助帕金森病患者在几分钟内远程评估其症状的严重程度。《npj数字医学》杂志上的一项研究介绍了这种新工具,它能让用户在网络摄像头前通过敲击手指10次,以0-4的等级来评估运动性能。医生通常会让患者执行简单的运动任务,以

C# net core中的过滤器(Filter)使用及跳过过滤器

过滤器(Filters)是用于在ASP.NETCore应用程序中执行全局或局部的操作的组件。这些过滤器可以用于处理请求前、请求后、异常处理等不同的阶段。以下是.NET5中常用的一些过滤器类型:在ASP.NETCore中,过滤器是一种可以在特定的阶段处理请求的方法。它们在一个action方法执行之前或之后运行,可以用来处

热文推荐