CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下，下次拿来主义。
通过box-shadow来实现滚动条带有进度背景色。
CSS变量出现前，从CSS传值给JS非常困难，甚至需要借助一些Hack的手法。现在使用CSS变量，你可以直接通过JS获取变量值并进行修改：
CSS3中border-radius实现椭圆角，常规写法是border-radius:元素高度的一半。如果高度未知，请选择任意大的值（例如99em）。
标签中的类只是按照编写的顺序读取CSS—在此示例中，级联取胜。也可以说CSS总是从上到下、从右到左进行，因此CSS的顺序与HTML中的类无关。
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1，触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的，可能会根据使用情况而改变。但是，44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说，触摸或点击目标越大，越接近，用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充，并不一定总是可以增大可点击区域。好吧，不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时，它将充当其父元素的单击/触摸/悬停区域。
在本文中，我们将使用CSS创建两个元素重叠并交织在一起的视觉效果。
css不能根据包含的内容来选择内容，但是它可以根据属性和这些属性的值进行选择。
