CSS练习小游戏：CSS Diner练习地址及答案

最新推荐文章于 2024-05-12 09:33:52 发布

yitahutu79

最新推荐文章于 2024-05-12 09:33:52 发布

阅读量1.1k

点赞数 1

分类专栏：前端文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/qq_40713201/article/details/126140181

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

本文提供了CSSDiner练习的详细答案，涵盖了从基础到高级的各种CSS选择器用法，包括ID选择器(#fancy)、类选择器(.small)、子元素选择器(>), 伪类选择器(:first-child)以及属性选择器([for])等，旨在帮助读者巩固和提升CSS选择器的运用技巧。

摘要由CSDN通过智能技术生成

CSS Diner练习地址:https://flukeout.github.io/
在这里插入图片描述

练习题答案

1plate
2 bento
3#fancy
4plate>apple/plate apple
5#fancy>pickle/#fancy pickle
6.small
7orange.small
8bento>orange.small/bento orange.small
9plate,bento
10*
11plate>*/plate*
12plate+apple
13bento~pickle
14plate>apple
15plate>orange:first-child/plate orange:first-child
16plate :only-child
17apple,pickle/:last-child:not(orange)
18:nth-child(3)/plate:nth-child(3)
19bento:first-of-type/bento:nth-last-child(3)/ :nth-last-child(3):not(orange)
20apple:first-of-type
21:nth-of-type(2n)/:nth-of-type(even)/plate:nth-of-type(2n)/plate:nth-of-type(even)
22:nth-of-type(2n+3)/plate:nth-of-type(2n+3)
23plate apple:only-of-type
24orange:last-of-type,apple:last-of-type
25bento:empty
26apple:not(.small)
27[for]
28plate[for]
29[for="Vitaly"]
30[for^="Sa"]
31[for$="ato"]
32[for*="obb"]