css选择器学习网站
发表于|更新于
|浏览量:
恕自己一过,则万过由之而生。——苏格拉底
分享一个css选择器学习网站:https://frontend30.com/css-selectors-cheatsheet/

这个网站可以通过做题的方式了解css选择器的使用
例如一些属性选择器

兄弟选择器:

非常的全面和周到
相关推荐
2023-02-06
js发送通知
温和的对待,不会使敌人变成朋友——萨迪 文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Notification https://developer.mozilla.org/zh-CN/docs/Web/API/notification/requestPermission 代码如下 1234567Notification.requestPermission().then((permission) => { // If the user accepts, let's create a notification if (permission === "granted") { const notification = new Notification("Hi there!"); // … } }); 效果: 完整代码: 1234567891011121314151...
2024-08-07
html构建桌面端应用框架tauri
即使通过自己的努力知道一半真理,也比人云亦云地知道全部真理还要好些。——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri 和 Electron 的主要区别是它更快,而且是用Rust编写,前端是用 TAO 和 WRY,更加轻量 ,内存占用更小,不嵌入Chromium,但是需要你会一点点Rust,这对我来说不是事儿,我早就在2022-02-01开始rust的简单入门 rust安装 安装vscode的rust插件 使用cargo创建rust程序并运行 创建项目非常简单! 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697...
2021-05-15
splice
一百个满怀信心和决心的人,要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2,截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值,我们如果看之前的list,可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数,例如我这里从下标为3开始,截取两个元素 我们再看看原来的list,果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话? 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分,就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4,换成了4,5
2024-01-20
uni-app-x
做一个世界的水手,游遍每一个港口。——惠特曼 分享一个跨端框架uni-app-x uni-app x 是什么? | uni-app-x uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。 uni-app x 没有使用js和webview,它基于 uts 语言。在App端,uts在iOS编译为swift、在Android编译为kotlin,完全达到了原生应用的功能、性能。 可以下载打包后的hello uni-app x的apk来体验。(通过显示界面元素边界可知界面都是原生UI,解包后也不会看到js引擎,里面的html文件是示例中演示web-view组件所用) 这是demo源码:DCloud / hello uni-app x · GitCode 开发者在 uni-app x 中,不能编写js,因为 uni-app x 中不自带js引擎。需使用uts,实现跨端的同时保证最佳性能。 uts 全称 uni type script,是一门跨平台的、高性能的、强类型的现代编程语言。它在不同平台,会被编译为不同平台的native语言,如: web...
2020-07-05
jQuery的input框取值和赋值
取值 1$('#cowBeer').val() 赋值 1$("#cowBeer").attr("value", 666);
2022-02-23
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...
