总结CSS选择器

是否有可能总结CSS选择器？ 这是我的样式表：

form.image_form > div > label > img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

form.image_form > div
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 156px;
    display: table-cell;
    vertical-align: middle;
}

form.image_form > div:hover
{
    background: green;
}

form.image_form > input[type="radio"]
{
    display: none;
}

form.image_form > input[type="radio"]:checked + div
{
    background: red;
}

这是我想做的：

form.image-form
{
    > div
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        height: 156px;
        display: table-cell;
        vertical-align: middle;

        > label > img
        {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        :hover
        {
            background: green;
        }
    }

    > input[type="radio"]
    {
        display: none;

        :checked + div
        {
            background: red;
        }
    }
}

那么，是否有可能合并/汇总/交错此代码？

---

（如果看起来我没有做任何研究，我很抱歉，我确实做了，但在w3c文档中什么都做不好。也许我没有使用正确的搜索词。）

对于“纯”CSS，这是不可能的。但是很少有像or这样的助手可以帮助您实现这一点。

CSS3规范中不允许使用嵌套选择器。这很遗憾，因为这将有助于组织CSS文件

---

您可以使用预处理的CSS文件代替SASS

您需要使用CSS预处理器，如和，以实现所需的功能。纯CSS无法完成此操作。

，感谢所有快速回答。我想我还是用我以前的css吧，因为我不太喜欢修改东西（特别是javascript）。我只是打字很快：）你可以在

：）上验证并提高你的打字速度。