问CSS变换缩放，不缩放子元素
EN

Stack Overflow用户

提问于 2014-11-21 07:32:21

回答 1查看 41.4K关注 0票数 24

如果我有一个带有几个子元素的div，并且它正在进行css变换缩放。我有一个不想缩放的子元素

#parent{
    -webkit-transform: scale(.5);
}
 
span:last-child{
    -webkit-transform: Something to ignore the parent scale;
}

<div id="parent">
    <span>Child 1</span>
    <span>Child 2</span>
    <span>Child 3 (Don't Scale Me)</span>
</div>

只使用css可以做到这一点吗？而不改变html或使用js。

发布于 2014-11-21 07:47:53

恐怕您需要使用更详细的选择器，比如这个#parent > span:not(:last-child)。Example。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27051600

复制

相似问题

问CSS变换缩放，不缩放子元素EN