css-diner

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

|浏览量:

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

分享一个网站css-diner

https://flukeout.github.io/

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

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

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

相关推荐

export default和module.exports

我期望理解，但是也慢慢地感受到了一种责任，给予比接受伟大，去爱比被爱伟大。 ——海明威我们在vue项目中创建两个js 在util.js中写入 123export default { ruben: 'ruben'} 在api.js中写入 123module.exports = { vampire: 'vampire'} 我们再来一个页面中使用两种方式引用 123456789101112131415<script>import util from '@/common/util.js';import api from '@/common/api.js'const util1 = require('@/common/util.js')const api1 = require('@/common/api.js')export default{ created(){ co...

盲人无白天，醉鬼无时间。——朝鲜 Web-Check：把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态，像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息，手动东查西找不仅费时，还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。项目描述很直接：All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具，也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL，它会从多个维度把相关数据拉齐，生成一份可以阅读、可以操作的综合报告。项目主页：web-check.xyz 在线演示：web-check.as93.net 源码仓库：GitHub-Lissy93/web-check 镜像仓库：Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务，围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明： IP 信息查询域名对应的 IP，为后续探测提供基础。常用于绘制目...

我说你是人间的四月天，笑响点亮了四面风，轻灵在春的光艳中交舞着变。你是四月天里的云烟，黄昏吹着风的软，星子在无意中闪，细雨点撤在花前。——林徽因《你是那人间的四月天》打造极致终端体验！OpenTUI：TypeScript 终端界面开发新利器在互联网日益图形化的今天，Terminal（终端）依旧在开发者和极客圈中有着不可替代的重要地位：高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰，或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面（TUI），那么你一定不能错过——OpenTUI！一、什么是OpenTUI？项目地址：sst/opentui 官网主页：https://opentui.com 一句话简介：OpenTUI 是一个用于构建终端用户界面（TUI, Terminal User Interface）的 TypeScript 库。主要语言：TypeScript Star：4,529+ Fork：164+ 授权协议：MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具，还是命令行游戏，这个库提供了现代化、丰富的能力，让你...

morjs转换小程序

健康是一种自由——在一切自由中首屈一指。——亚美路就是这个项目： https://github.com/eleme/morjs 基于小程序 DSL（微信、支付宝）的，可扩展的多端研发框架，支持一键将微信或支付宝小程序转换为微信、支付宝、百度、字节、QQ、快手、淘宝、钉钉等小程序或 Web 应用官网 https://mor.ele.me/ 快速上手快速上手环境准备MorJS 项目基于 node，请确保已具备较新的 node 环境（>=14），推荐使用 node 版本管理工具 nvm 来管理 node（Windows 下使用 nvm-windows），这样可以很方便地切换 node 版本，全局安装时候也不必再使用 sudo。 1# mac 或 linux 下安装 nvm$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash$ nvm -v0.39.1# 安装 node$ nvm install 14$ nvm use 14$ node -vv14....

新标签页打开

人民不仅有权爱国，而且爱国是个义务，是一种光荣。——徐特立 123456<a href="https://VampireAchao.github.io/" target="_self">默认当前页面打开</a><a href="https://VampireAchao.github.io/" target="_blank">新页面打开</a><a href="" target="ruben">在frame中打开</a><iframe src="" name="ruben"></iframe><a href="https://VampireAchao.github.io/" target="_parent">如果是在iframe里，无视iframe直接当前外层页面打开<...

教育的胜利，可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性它就像字面意思是说：位置-尝试代表着它在页面移动时尽可能尝试调整位置举个栗子： 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...

阿超

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

数据加载中