css-diner

发表于2023-03-11|更新于2026-02-24

|浏览量:

即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬

分享一个网站css-diner

https://flukeout.github.io/

其能够让你通过益智的方式学习css选择器

例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器

源码地址：https://github.com/flukeout/css-diner

相关推荐

暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...

react完成井字棋小游戏

人生就像迷宫，我们用上半生找寻入口，用下半生找寻出口。——朱德庸上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境，首先需要将node升级到14以上并且npm需要5.6以上，这个去官网下载安装包覆盖安装即可然后我们按照教程创建项目 1npx create-react-app my-app 注意第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。然后删除src目录下的默认文件，创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...

mermaid-live-editor

教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。主要特性1. 实时预览与高亮左侧输入 Mermaid 语法，右侧实时渲染对应图形。支持语法高亮...

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目，但是其积累是源自于newcar，因此备受期待 VueMotion 是一个现代动画引擎，就像 Python 的 Manim for Vuejs 生态系统一样，它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性，这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎，但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户，欢迎你迁移到 VueMotion。其团队也是非常之年轻，还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...

瀑布流组件vue-waterfall

坦白直率的言语，最容易打动悲哀的耳朵——莎士比亚分享一个vue瀑布流组件 vue-waterfall git地址：https://github.com/MopTym/vue-waterfall.git 竖向排列demo：http://app.moptym.com/vue-waterfall/demo/vertical-line.html 横向排列：http://app.moptym.com/vue-waterfall/demo/horizontal-line.html 竖向+变大：http://app.moptym.com/vue-waterfall/demo/vertical-line-with-grow.html

在今天和明天之间，有一段很长的时间；趁你还有精神的时候，学习迅速办事。——歌德来一篇“有点松弛又真有料”的前端模板解读：vue-pure-admin —— 一套全面基于 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的后台管理系统（兼容移动端）。仓库地址：pure-admin/vue-pure-admin，官方文档主页在这儿：纯净后台模板站点。一句话（来自仓库 description）：全面 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的一款后台管理系统（兼容移动端）。先把“核心卖点”丢给你：技术栈：Vue3 + Vite + Element Plus + TypeScript，全 ESM 状态管理：Pinia 样式生态：Tailwind CSS + SCSS 模板属性：is_template=true（可直接用作脚手架模板）移动端兼容：自适应布局与 UI 选择适配移动端许可证：MIT（放心用、好二开）官方站点与文档：https://pur...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中