嗨，我希望这是发布这个问题的正确位置。最近我一直在家庭助理整合中变得有点“先进”。源自英国始于1946也许不是先进的，但肯定一直集成了更多的自定义卡，并希望更多地控制UX的外观。
我看了看W3学校CSS教程熟悉CSS，但我看到很多东西在内联编辑之外使用，我想更熟悉。
所以是的......我了解如何这样做：
风格：背景颜色：＃FF0000
但是，那里有一些真正的伟大的CSS重型卡，当我复制他们工作的片段时，但我不确定这很多是什么......特别是元素选择器。
以下是一些头部划伤的例子。伟德国际官方app下载苹果版
- 这是我最喜欢的一张卡片的Git repo，灯泡卡：
风格：$：|.mdc-dialog .mdc-dialogy__container {width：100％;} .mdc-对话框.mdc-dialogy __container .mdc-dialogy __surface {width：100％;盒子阴影：没有;}。：| |：主机{--mdc-theme-surface：rgba（0,0,0,0）;- secondary - 背景 - 颜色：RGBA（0,0,0,0）;- 清单 - 背景：RGBA（0,0,0,0）;--mdc-dialog-scrim-color：rgba（0,0,0,0.8）;- MING-DIALOL-MIN-HEATION：100％; --mdc-dialog-min-width: 100%; --mdc-dialog-max-width: 100%; } mwc-icon-button { color: #FFF;
- 我该如何学习$：手段
- 管道做了什么？它似乎是在每个风格调用的开始。
- 什么是：和：主持人。这些psiedo课程/元素吗？HA支持什么？
- 如何识别可用于编辑的属性（.mdc-dialiog），以便我知道它们是什么以及我能与他们做什么？
*为什么这些东西中有些人 - （这些变量是多少？）
我最近发现过了滑动卡通过这个很棒的实现。当我审查了他的时候git repo.，我发现了他如何将分页子弹移动到页面的顶部，而不是底部的重叠，因为我的是。
类型：自定义：Mod-Card Style：刷卡：$：|.sswiper-pagination {top：2px;身高：1VW;} 卡片：
无论如何，我猜我的问题是 -
如何能够了解这件事，有什么可用的更熟练。
现在我鹦鹉并复制他人的工作......它一直很酷，但我也讨厌打扰他们在我真正理解的时候如何做某事。有谁拥有或了解可能有助于加速学习曲线的资源。
