当前位置: 首页 > news >正文

CSS选择器练习小游戏

请结合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)

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

相关文章:

CSS选择器练习小游戏

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

Python运算符、函数与模块和程序控制结构

给我家憨憨写的python教程 ——雁丘 Python运算符、函数与模块和程序控制结构 关于本专栏一 运算符1.1 位运算符1.1.1 按位取反1.1.2 按位与1.1.3 按位或1.1.4 按位异或1.1.5 左移位 1.2 关系运算符1.3 运算顺序1.4 运算方向 二 函数与模块2.1 内建函数2.2 库函数2.2.1 标准库…...

微服务保护-Sentinel

初识Sentinel 雪崩问题及解决方案 雪崩问题 微服务中,服务间调用关系错综复杂,一个微服务往往依赖于多个其它微服务。 如图,如果服务提供者I发生了故障,当前的应用的部分业务因为依赖于服务I,因此也会被阻塞。此时&a…...

Doris 导出表结构或数据

MYSQLDUMP 导出表结构或数据 Doris 在0.15 之后的版本已经支持通过mysqldump 工具导出数据或者表结构 使用示例​ 导出​ 导出 test 数据库中的 table1 表:mysqldump -h127.0.0.1 -P9030 -uroot --no-tablespaces --databases test --tables table1导出 test 数…...

SELECT * from t_user where user_id = xxx,可以从那几个点去优化这句sql

优化SQL查询可以从以下几个方面入手: 1. 索引优化:通过为查询涉及的列添加合适的索引,可以提高查询的效率。在该SQL语句中, user_id 列被用作查询条件,可以为 user_id 列创建一个索引。 2. 避免使用 SELECT *&#xf…...

解决报错 java.lang.IllegalArgumentException: Cannot format given Object as a Date

报错原因:我们在SimpleDateFormat.format转化时间格式的时候,传入的值无法转换成date而报的错 我的代码大概就是下面这种 LocalDate now LocalDate.now();String format1 new SimpleDateFormat("yyyy-MM-dd").format(now); 发现SimpleDateF…...

【Git】03-GitHub

文章目录 1. GitHub核心功能2. GitHub搜索项目3. GitHub搭建个人博客4. 团队项目创建5. git工作流选择5.1 需要考虑的因素5.2 主干开发5.2 Git Flow5.3 GitHub Flow5.4 GitLab Flow(带生产分支)5.4 GitLab Flow(带环境分支)5.4 GitLab Flow(带发布分支) 6. 分支集成策略7. 启用…...

Java手写最短路径算法和案例拓展

Java手写最短路径算法和案例拓展 1. 算法手写的必要性 在实际开发中,经常需要处理图的最短路径问题。虽然Java提供了一些图算法库,但手写最短路径算法的必要性体现在以下几个方面: 理解算法原理:手写算法可以帮助我们深入理解最…...

深度学习实战51-基于Stable Diffusion模型的图像生成原理详解与项目实战

大家好,我是微学AI,今天给大家介绍一下深度学习实战51-基于Stable Diffusion模型的图像生成原理详解与项目实战。大家知道现在各个平台发的漂亮小姐姐,漂亮的图片是怎么生成的吗?这些生成的底层原理就是用到了Stable Diffusion模型。Stable Diffusion是一种基于深度学习的图…...

基于matlab实现的多普勒脉冲雷达回波仿真

完整程序: clear all;clc;close all; fc3e9; %载波频率 PRF2000; Br5e6; %带宽 fs10*Br; %采样频率 Tp5e-6; %脉宽 KrBr/Tp; %频率变化率 c3e8; %光速 lamda…...

Linux服务器中安装Anaconda+Tensorflow+Keras

Anaconda安装 从https://repo.anaconda.com/archive/查看你需要下载的Anaconda版本,例如2020.11的x86_64(uname -a 查看linux框架)版下载Anaconda到linux服务器, wget https://repo.anaconda.com/archive/Anaconda3-2020.11-Li…...

ubuntu+.net6+docker 应用部署教程

先期工作 1、本地首先安装 Docker Desktop 2、本地装linux in windows 3、生成镜像 后期工作 1、云服务器部署 生成镜像方法 1、生成Dockerfile配置文件 开发工具visual studio 2022 如果项目已经存在,可以选中项目,右键点击->选择添加Docker…...

Spring常见面试题总结

什么是Spring Spring是一个轻量级Java开发框架,目的是为了解决企业级应用开发的业务逻辑层和其他各层的耦合问题,以提高开发效率。它是一个分层的JavaSE/JavaEE full-stack(一站式)轻量级开源框架,为开发Java应用程序…...

Git全套命令使用

日升时奋斗,日落时自省 目录 1、Git安装 1.1、创建git本地仓库 1.2、配置Git 1.3、认识Git内部区分 2、Git应用操作 2.1、添加文件 2.2、查看日志 2.3、查看修改信息 2.4、查看添加信息 3、版本回退 4、撤销修改 4.1、工作区撤销 4.2、已经add&#xf…...

【陕西理工大学-数学软件实训】数学实验报告(8)(数值微积分与方程数值求解)

目录 一、实验目的 二、实验要求 三、实验内容与结果 四、实验心得 一、实验目的 1. 掌握求数值导数和数值积分的方法。 2. 掌握代数方程数值求解的方法。 3. 掌握常微分方程数值求解的方法。 二、实验要求 1. 根据实验内容,编写相应的MATLAB程序&#xff0c…...

Vue3为什么推荐使用ref而不是reactive

为什么推荐使用ref而不是reactive reactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代option api的data的替代,可以存放任何数据类型,而reactive声明的数据类型只能是对象; 先抛出结论,再详细说原因:非必要不用rea…...

JavaScript函数this指向

一、this的指向规则 1.this到底指向什么呢? 我们先来看一个让人困惑的问题: 定义一个函数,我们采用三种不同的方式对它进行调用,它产生了三种不同的结果 // 定义函数 function foo(name) {console.log("foo函数:", …...

Java的序列化

写在前面 本文看下序列化和反序列化相关的内容。 源码 。 1:为什么,什么是序列化和反序列化 Java对象是在jvm的堆中的,而堆其实就是一块内存,如果jvm重启数据将会丢失,当我们希望jvm重启也不要丢失某些对象&#xff…...

计算机二级python简单应用题刷题笔记(一)

计算机二级python简单应用题刷题笔记(一) 1、词频统计:键盘输入一组我国高校所对应的学校类型,以空格分隔,共一行。2、找最大值、最小值、平均分:键盘输入小明学习的课程名称及考分等信息,信息间…...

Spring注解家族介绍: @RequestMapping

前言: 今天我们来介绍RequestMapping这个注解,这个注解的内容相对来讲比较少,篇幅会比较短。 目录 前言: RequestMapping 应用场景: 总结: RequestMapping RequestMapping 是一个用于映射 HTTP 请求…...

系统架构设计师(第二版)学习笔记----信息安全系统及信息安全技术

【原文链接】系统架构设计师(第二版)学习笔记----信息加解密技术 文章目录 一、信息安全系统的组成框架1.1 信息安全系统组成框架1.2 信息安全系统技术内容1.3 常用的基础安全设备1.4 网络安全技术内容1.5 操作系统安全内容1.6 操作系统安全机制1.7 数据…...

交换机的工作原理(含实例,华为ensp操作)

目录​​​​​​​ ​​​​​​​1.交换机学习和转发 案例 1.设置静态地址表项 2.配置黑洞mac地址表项 1.交换机学习和转发 交换机工作在数据链路层。当交换机从某个端口收到一个帧时,它并不是向所有的接口转发此帧,而是根据此帧的目的MAC地址&a…...

从字符串中删除指定字符

任务描述 编写一个函数实现功能:从字符串中删除指定的字符。同一字母的大、小写按不同字符处理。例如:程序执行时输入字符串:turbo c and Borland c,从键盘输入字符n,则输出后变为:turbo c ad Borlad c。如…...

Xcode14.3.1 真机调试iOS17的方法(无iOS17 DeviceSupport)

由于iOS17需要使用Xcode15 才能调试,而当前Xcode15都是beta,正式版还未出,那么要真机调试iOS17的方式一般有两种: 方法一: 一种是下载新的Xcode15 beta版 (但Xcode包一般比较大,好几个G&#…...

JWT基础

概念 JSON Web Token本质上就是一串字符串,一串包含了很多信息的字符串令牌拥有三个部分头部-包含加密算法和令牌类型{"alg":"算法名称","type":"JWT"}负载-包含数据和信息-七个官方默认-也可以自己定义内容{iss&#xff…...

关于远程工作的面试可能存在的陷阱

附上看到的完整帖子地址:面试 POPER 的后端开发工程师的离奇经历 分享一下我遇到过的,我至少面试过10个远程工作,其中有3个的面试是直接让我完成一个需求的,前两次都耐心做了,第3次看到相同要求时我都懒得回复了&…...

Qt5开发及实例V2.0-第一章Qt概述

Qt5开发及实例V2.0-第一章-Qt概述 第一章-Qt概述1.1 什么是Qt1.2 Qt 5的安装1.2.1 下载安装Qt 51.2.2 运行Qt 5 Creator1.2.3 Qt 5开发环境 1.3 Qt 5开发步骤及实例1.3.1 设计器Qt 5 Designer实现1.3.2 代码实现简单实例 L1.2 Qt 5安装:概念解析L1.3 Qt 5开发步骤及…...

matlab检索相似图像

在Matlab中检索相似图像通常需要使用图像处理和计算机视觉技术。以下是一种常见的方法,可以帮助您在Matlab中进行相似图像检索: 准备图像数据库: 首先,您需要有一个包含待检索图像的图像数据库。这些图像应该经过预处理&#xff0…...

ArrayBlockingQueue 带有三个参数的构造函数为何需要加锁?

哪一个构造函数 public ArrayBlockingQueue(int capacity, boolean fair,Collection<? extends E> c) {this(capacity, fair);final ReentrantLock lock = this.lock;lock.lock(); // Lock only for visibility, not mutual exclusiontry {final Object[] items = this…...

实训笔记——Spark计算框架

实训笔记——Spark计算框架 Spark计算框架一、Spark的概述二、Spark的特点三、Spark的安装部署&#xff08;安装部署Spark的Cluster Manager-资源调度管理器的&#xff09;3.1 本地安装--无资源管理器3.2 Spark的自带独立调度器Standalone3.2.1 主从架构的软件3.2.2 Master/wor…...

在网上怎么做网站/外贸网站推广方法之一

题目链接 题目大意 给你一个整数D&#xff0c;有一个无向图&#xff0c;图的节点为 D 的因子&#xff0c;若 x % y 0 && x / y 是一个质数&#xff0c;则节点 x 和 y 有一条无向边&#xff0c;边权为 是 x 的因子但不是 y 的因子的数的个数。有 q 次询问&#xff0c…...

航天信息企业管理软件/seo网络优化是做什么的

冷战期间英国人设计的“蓝孔雀”核地雷&#xff0c;计划用实现引爆任务 德国著名的老虎坦克真的那么伟大吗&#xff1f;在第二次世界大战期间&#xff0c;仅仅提到老虎这个名字就足以使盟军处于危险之中。虽然老虎坦克足够强大&#xff0c;但是德军也为此付出了巨大的维护代价 …...

电子政务网站代码/如何引流与推广

问题链接&#xff1a;HDU2006 求奇数的乘积。这是个入门训练题&#xff0c;用C语言编写程序。 问题简述&#xff1a;参见上述链接。 问题分析&#xff1a;读懂题基本上就可以解决。需要说的是&#xff0c;判断奇数偶数时候&#xff0c;一般而言用位运算&要强于用取余数运算…...

做调研的网站有哪些/搜索引擎优化的方式有哪些

zx-image-view 图片预览插件&#xff0c;支持图片切换、旋转、缩放、移动... 浏览器支持&#xff1a;IE10, (IE9不支持旋转功能) 效果预览&#xff1a;https://capricorncd.github.io... 源码地址&#xff1a;https://github.com/capricornc... 默认键盘操作 方向键&#xff1a…...

网站建设服务商 需要什么主机/重庆森林电影

什么是跨域&#xff1f; 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。 同源策略&#xff1a; 同源是指“协议域名端口”三者相同。 跨域解决方案&#xff1a; 1.通过jsonp跨域&#xff1b; 2.document.domainiframe跨域&#xff1b; 3.location.hashifram…...

网络培训法/seo外链推广工具下载

原标题&#xff1a;一加6T被曝将预装Android P 这一点其它品牌比不了近年来国产手机群雄崛起&#xff0c;不仅在国内获得了很高的呼声&#xff0c;一些品牌在国外也拥有着很高的热度&#xff0c;从以往的三星、苹果手中抢占了很多的份额&#xff0c;如今三星在国内的销量非常惨…...