css-diner

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

|浏览量:

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

分享一个网站css-diner

https://flukeout.github.io/

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

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

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

相关推荐

回车提交表单

却是平流无石处，时时闻说有沉沦。——唐•杜荀鹤我们在页面开发中经常会写一些表单，但身为一个懒人，肯定是懒得点提交按钮的，我一般直接按回车提交当我们的form满足只有一个input的时候，回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候，回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input，让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉，使用样式display:hide隐藏即可但有时如果我们如果需要回车不提交表单，则可以避免上述条件如果想要不执行submit事件，可以直接在form上加一个onsubmit="return false&q...

多数人在心底蔑视德，但很少有人轻视荣誉。——沃夫拿格分享一个vue的组合式api封装库vueuse github：https://github.com/vueuse/vueuse 官档：https://vueuse.org/ 大致用法： 12345678910111213141516171819202122import { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'export default { setup() { // tracks mouse position const { x, y } = useMouse() // is user prefers dark theme const isDark = usePreferredDark() // persist state in localStorage const store = useLocalStorag...

与情人的小冲突，常常要靠温存、沉默和忍耐来解决，而说理往往无济于事。——安德烈·莫洛亚分享一个前端库qs https://github.com/ljharb/qs 主要是用于请求参数和对象的互转 12345678var qs = require('qs');var assert = require('assert');var obj = qs.parse('a=c');assert.deepEqual(obj, { a: 'c' });var str = qs.stringify(obj);assert.equal(str, 'a=c');

elementUI去掉input上下按钮

快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生我们使用el-input当type为number时会出现右边这种箭头，影响美观我们可以使用样式穿透 1<el-input type="number"></el-input> 123/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none;} 然后就可以去掉这两个箭头啦

vue深度作用选择器

勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达•芬奇（意大利）我们首先在HX中创建vue项目跟着我之前写的博客简单配置一下路由今天简单聊聊vue中css的作用域我们知道vue中的style标签带scoped属性时，它的CSS只作用于当前组件中的元素例如我这里的HelloWorld组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<template> <div class="hello"> <div class="hello-ruben"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this proj...

typescript-exercises（十五）

人的一辈子都在高潮—低潮中浮沉，唯有庸碌的人，生活才如死水一般。——傅雷问题： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051/*Intro: Our attempt to Open Source didn't work quite as expected. It turned out there were already many existing functional JS libraries. All the remaining developers left the company as well. It seems that they are joining a very ambitious startup which re-invented a juicer and raised millions of dollars. Too bad we cannot compe...

阿超

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

数据加载中