css3选择器（css3选择器权重）

五幅图由浅入深CSS Selector选择器。

AvaloniaUI不好用，老老实实复刻成熟范本wpf就好了，非得另起炉灶引入CSS选择器，真是蛋疼。本来有机会成为wpf的替代品，这下好了，一辈子不冷不热的。//@Li寻欢379:所以呢 avalonia能靠得住么 maui linux还有戏么

maui是要调用native控件的，对于Linux来说，不存在Linux控件，这怎么办？所以想要支持Linux就只能自绘，那就变成avalonia了

#粤嵌星计划，粤嵌我来了#

css主要用于美化页面，如图中代码即为css代码。

css的引入方式有三种：

内联样式表

内部样式表

外部样式表

三种方式的优先级为 内联样式表>内部样式表>外部样式表

css选择器有很多种，其中常用的有：

id选择器

类选择器

一个页面中可以有多个重复的类

元素（标签选择器）

学习本身是一个枯燥的事情，在学习前端的时候html阶段可能容易上手，到了CSS阶段就有点懵懂了！那有没有一种更加乐趣的学习方式，让学习CSS变成一种享受，来了来了，今天这篇笔记就为大家分享一种像玩游戏一样学习CSS的方式！

为大家分享10款学习边玩游戏，边学习CSS！本文将重点介绍您可以玩的十款游戏用于学习 CSS 的精彩游戏。让你一边享受游戏乐趣，一边学习前端CSS知识！

1. Flexbox 青蛙；（这是一种非常有趣的方式来全面的学习 flexbox 的位置。您使用 CSS flex将青蛙放在正确的 Lilly 上。）

2. Flexbox 防御；（另一个学习 flex 的超酷 CSS 游戏是 flexbox 防御）

3. Flexbox 表骑士；（这是一个知识的超级组合，而且设置得很好。）

4. Flex Box 冒险；

5. Flexbox 僵尸；

6.网格花园；

7. 网格攻击；（你必须使用CSS Grid 来改变土地，这样恶魔就无法生存）

8. CSS 餐厅；（这是一个学习CSS选择器和一些现代选择器的游戏）

9.猜CSS；（这个游戏与 CSS Diner 非常相似，但你必须猜测哪个选择器与你看到的结果相匹配。）

10. CSS Speedrun；（在这个游戏中，您必须编写特定的游戏 CSS 选择器来定位突出显示的元素。）

更多系列请看下方图片最后一页！#艾编程技术早报# #CSS# #前端入门#

CSS给人的感觉就是乱，没有正经的帮助文档，开发工具不完善，提示不好，跳转不好，没法重构，关键字、属性值名太多，同一个意思不同的英文单词，数值有太多的单位，选择器和各种组合，看着头大，太绕了。总结：神经病~

我不想学了，因为花大量精力学来的经验跟本不保值，大佬规则一变，经验作废，浪费青春啊。他不像编程，很多是共同的，很多经验、思路都可以用。这种靠试、靠记忆他的弯弯绕，就TM浪费时间，总结：神经病~