XML和CSS：文本不会旋转

Question

我想旋转XML节点c但没有任何反应，我不知道为什么。

HTML：

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="cssdata.css"?>
<a>
    <b>
        <c>
            This text should be rotated
        </c>
    </b>
</a>

CSS：

c
{
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform:rotate(45deg);
}

Answer 1

自定义元素默认为inline，transform可以使用，inline-block或block，因此您需要更改它。< / p>

旁注，您可以在此处详细了解custom elements，因为它们也可能需要正确注册

＆＃13;

＆＃13;

c {
  display: inline-block;
  transform: rotate(45deg);
  transform-origin: left top
}

＆＃13;

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="cssdata.css"?>
<a>
    <b>
        <c>
            This text should be rotated
        </c>
    </b>
</a>

＆＃13;

＆＃13;

＆＃13;