【问题标题】:How to append CSS transform如何附加 CSS 变换
【发布时间】:2021-04-23 13:17:21
【问题描述】:

我不确定这是否可行,但我希望如此。

我有一个带有翻译变换的元素,我无法控制它(它由我正在使用的 NPM 包设置)。我想在该元素上设置一个比例变换,并能够保留该元素已有的任何变换,例如串联。

想象一下,这与我想要实现的目标相似:

transform: +scale(1.01);

这是否可行,如果可行,如何实现?

【问题讨论】:

    标签: css css-transforms


    【解决方案1】:

    据我所知,这是不可能的,所以您有两种选择。

    1. 您可以在包中找到该转换的定​​义,将其复制到您的 CSS,然后添加所需的更改。

    1. 您可以将元素放在具有所需转换的父元素中,这样两者都可以工作。

    【讨论】:

    • 我不得不求助于父元素。虽然它看起来不像我想要的,但它必须这样做。
    • @Christoffer 如果您想针对您的具体案例提出更具体的问题,我可能会提供帮助,抱歉,如果这不是您要找的内容
    【解决方案2】:

    看看 CSS 在任何 HTML 页面中是如何工作的,就像您可以导入尽可能多的样式表,但最后导入的样式表可以占据所有优先级。因此,您显然可以通过知道类/id 或者是否可以通过任何选择器组合捕获该特定元素来覆盖该包组件的 CSS。

    此外,如果您的 CSS 早于该组件的 CSS 导入,您可以将 !important 放在您的 CSS 属性上。因此,没有其他属性值可以覆盖您的 CSS 值。

    你明白我的意思! 不要介意这听起来更废话。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-13
      • 1970-01-01
      • 2022-10-14
      • 2013-09-13
      • 1970-01-01
      • 2020-05-09
      • 2020-01-31
      • 2021-03-02
      相关资源
      最近更新 更多