[分享]css中dev是干嘛的

在 CSS 中，dev 是用来帮助开发者调试样式的

/* 在 CSS 中添加 dev */
.selector {
  property: value;
  dev: value;
} 

其中，dev 所代表的属性值不会被浏览器渲染，但在浏览器的开发者工具中可以看到它的值，从而帮助开发者快速定位问题。

比如在使用 flex 布局时，我们可能会遇到子元素出现换行的情况。这时候我们可以在子元素的样式中添加 dev 属性，以便在开发者工具中快速查看子元素的具体宽度和高度等信息。

/* 添加 dev 属性 */
.child {
  flex: 1;
  dev: flex;
} 

上面的代码中，我们使用 dev 属性来调试 flex 布局。这样在开发者工具中查看子元素的信息时，会显示出 flex 这个值，帮助我们更好地了解该元素的布局。

需要注意的是，dev 属性并不是 W3C 标准中所规定的属性，一些浏览器可能不支持该属性。

总之，使用 dev 属性可以帮助开发者快速定位样式问题，提高开发效率，但需要注意该属性的兼容性。