哪些CSS属性既实用又不受IE支持？

1. Flexbox布局（如display: flex;），2. CSS变量（如:root { --main-color: #ff0000; }），3. 网格布局（Grid Layout，如display: grid;），4. @keyframes动画，5. ::placeholder伪元素样式，6. :not()伪类选择器，7. :nth-child()伪类选择器，8. :focus-visible伪类，9. calc()函数进行计算，10. object-fit属性控制替换元素的内容大小和位置。

序号	CSS属性	描述
1	outline	用于在元素外部绘制轮廓，不会影响文档流。
2	inherit	允许元素继承父元素的样式属性。
3	empty-cells	用于隐藏表格中的空单元格。
4	caption-side	用于设置表格标题的位置。
5	counter-increment/counter-reset	用于自动生成递增数字到HTML元素上。
6	min-height	设置元素的最小高度。
7	:hover	鼠标悬停时应用的样式。
8	display	控制元素如何显示，如block、inline等。
9	clip	用于裁剪绝对定位的元素内容。
10	text-shadow	为文本添加阴影效果。

相关问题与解答：

Q1: 如果需要兼容IE浏览器，应该如何处理上述不支持的CSS属性？

A1: 为了兼容IE浏览器，可以使用条件注释或JavaScript来检测浏览器类型，并为IE提供特定的样式表或样式规则，可以使用<!--[if IE]>和<![endif]-->标签来包裹针对IE的特定样式。

Q2: 为什么有些CSS属性在IE中不被支持？

A2: IE浏览器（尤其是旧版本）与其他现代浏览器在实现标准方面存在差异，这可能是由于历史遗留问题、商业决策或技术限制导致的，随着时间的推移，新的浏览器版本通常会更好地遵循Web标准，而旧版本的IE则可能不再受到支持或更新。

以上内容就是解答有关“十个非常实用的CSS属性(IE不支持)”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。