css-diner

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

|浏览量:

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

分享一个网站css-diner

https://flukeout.github.io/

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

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

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

相关推荐

uView升级http配置兼容变更

人生须知负责任的苦处，才能知道尽责任的乐趣。——梁启超今天把老项目uniapp的http封装代码cv过来，发现用不了了，原因是uView版本升级了没适配原先uView 1.x的方式： 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...

文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI：构建现代Vue 3应用的UI组件库在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。什么是Equal-UI？Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。核心特性 Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。现代化设计：组件风格简洁优雅，遵循现代UI设计原则。高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。 TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。快速开...

vuepress获取所有页面frontmatter

倘若没有骄傲的思想，人将不成其为人，他自身的弱点会使他蜕化为禽兽。——高尔基今天实现了vuepress中获取所有页面的frontmatter frontmatter是页面的页头信息，例如： 12345---title: xxxauthor: 作者date: 2023-08-17--- 可以编写一个插件： 12345678910111213module.exports = (options, context) => ({ extendPageData($page) { const { pages } = context; // 获取除首页外的其他所有页面的 frontmatter 数据 const frontmatters = pages .filter(page => page.path !== '/') .map(page => page.frontmatter); // 将 frontmatter 数组传递给首页的 frontmatter ...

vue项目启动后自动打开

我见青山多妩媚，料青山见我应如是。――辛弃疾《贺新郎》找到项目路径下的package.json 在scripts下的serve后面加上--open即可

爱情沉默的地方，责任就要起作用——歌德 introjs是一个前端指引库官网：https://introjs.com/ github：https://github.com/usablica/intro.js 用法也很简单：引入： 12npm install intro.js --saveyarn add intro.js 或者 12https://unpkg.com/intro.js/minified/intro.min.jshttps://unpkg.com/intro.js/minified/introjs.min.css 使用： 12345678introJs().setOptions({ steps: [{ intro: "Hello world!" }, { element: document.querySelector('#login'), intro: "Click here to login!" }]}).st...

一切鬼魂们的叫唤无不低微，然有秩序，与火焰的怒吼，油的沸腾，铜叉的震颤和鸣，造成醉心的大乐，布告三界：地下太平。──鲁迅《失掉的好地狱》分享一个网站 https://css-animations.io/ 可以让我们学习css动画

阿超

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

数据加载中