嵌套 CSS 声明是否可能且正确？

Question

我可以将声明嵌套在另一个选择器中吗？

td:hover
{
  background-color: darkblue;
  color: white;
  border-color: purple;
  text-decoration: underline double;
  img
    {
      border: solid 2.5px purple;
    }
}

使用 CSS 是否有效且正确？

Answer 1

是的，您可以将 CSS 声明嵌套在其他选择器中，作为 CSS 技术的核心部分。这是创建仅在某些上下文中应用的更具体的样式规则的方法。

当td:hover用户将鼠标悬停在表格单元格 () 上时，外部选择器会定位表格单元格 ()。对于嵌套样式，花括号 ({ }) 内的样式将仅应用于悬停的表格单元格 () 内的元素。

最好花更多时间深入研究 mozilla 文档以获取更多示例和实验。