时间戳

首页 > 解决方案 > 这里的 css 选择器中的数据大小是什么？

css - 这里的 css 选择器中的数据大小是什么？

问题描述

这是我很好奇的css代码的链接：https ://codepen.io/charlesxiao/pen/NWjgQQm 。

你知道下面的css代码是什么意思吗？

.awesome[data-sizing="intrinsic"] {
  width: min-content;
}

这是什么data-sizing属性？我在任何地方都找不到它。

谢谢！

标签： css

解决方案

就像您的选择器可以定位类 ( .class) 和 ids ( #id) 一样，您的 CSS 也可以定位属性，包括data-*. javascript的常见做法是针对data-*属性而不是通过添加/删除类的复杂操作。两者之间有一些细节选择。

width: min-content;简单地将元素设置为尽可能小的尺寸——“awesome”这个词是最大的元素，它被用作宽度。

推荐阅读