css选择器学习网站

发表于2023-02-26|更新于2026-02-24

|浏览量:

恕自己一过，则万过由之而生。——苏格拉底

分享一个css选择器学习网站：https://frontend30.com/css-selectors-cheatsheet/

这个网站可以通过做题的方式了解css选择器的使用

例如一些属性选择器

兄弟选择器：

非常的全面和周到

相关推荐

小程序v-for中slot警告

她把左手的命运交给了右手，右手犹豫了一下，还是接住了。——宫白云今天用了这样一个组件： 1234567891011121314151617181920212223<template> <div> <div v-for="(item, index) in list"> <slot :item="item" /> </div> </div></template><script>export default { data() { return {}; }, props: { list: { type: Array, default: [] } }};</script><style></style> 这里在v-for中放了slot 所以我在另一个页面使用的时候，小程序警告 1VM1103 W...

canvas视频截帧

礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克先放代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...

react-component/form

穷则变，变则通，通则久。一一《周易》 @react-component/form：企业级 React 表单解决方案解析在前端开发中，表单组件是绝大多数业务系统的基础。无论是后台管理系统、企业信息化平台，还是各类 SaaS 产品，表单的设计与交互都与用户体验息息相关。@react-component/form（即 rc-form）是阿里巴巴开源的 React 表单组件库，专为企业级应用打造，兼具灵活性、可扩展性和易用性。本文将带你深入了解 rc-form 的核心价值、用法与最佳实践。一、项目简介@react-component/form（简称 rc-form）是 react-component 组织维护的表单解决方案。它为 React 应用提供了高效、可控的表单状态管理和校验机制，是众多 Ant Design、AntD Pro 等企业级 UI 框架的底层依赖之一。特点一览：基于受控组件和高阶组件模式，灵活对接各种自定义表单控件；内置强大的校验规则，支持同步和异步校验；支持字段嵌套、动态增删等复杂场景；良好的类型支持与表单数据收集机制。二、核心特性...

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

vue中img错误默认图片

如果问我思念多重，不重的，像一座秋山的落叶。——简媜因为之前写过img图片丢失后默认图发现在vue中不好使，改了半天发现原来需要将@改为: 也就是需要这么写： 1234<img src="xxxx" :onerror="`this.src='/img/oss/2020-06-01/head.jpg'`"/>

typescript-exercises（六）

请热爱劳动，即使不是靠它吃饭，也可以为了身体的缘故而爱它，它可以增进身心健康，免除怠惰之累。——潘恩题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384/*Intro: Filtering requirements have grown. We need to be able to filter any kind of Persons.Exercise: Fix typing for the filterPersons so that it can filter users and return User[] when personType='user' and return Admin[] when personType='admin'...

阿超

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

数据加载中