变换:在项目之前或之后:

Question

有没有办法将转换应用到插入的元素:before？

以下不起作用,但我对其他解决方案持开放态度.

.itemclass:before  {
  content: "?";
  transform: rotate(30deg);
  -ms-transform: rotate(30deg); /* IE 9 */
  -webkit-transform: rotate(30deg); /* Safari and Chrome */
}

Answer 1

变换不能应用于未替换的inline元素.加:

display:inline-block;

演示

附注:虽然这不适用于此用例,但absolute/ fixedplacement会放弃对display属性的需求,因为这些属性会被自动视为display:block.

另外,检查可转换元素的定义:

可转换元素是HTML命名空间中的一个元素,它是块级或原子内联级元素,或者其display属性计算为' table-row',' table-row-group',' table-header-group',' table-footer-group',' table-cell'或' table-caption'; 或SVG名称空间中的元素(参见[SVG11]),其中包含属性" transform',patternTransform"或" gradientTransform".