我想知道当你必须创建一个带有多个悬停或复杂选项（渐变、boxshadow等，不能内联的东西）的短代码时，你会怎么做。如何生成css。
我不想生成<style></style> 块，因为对于在页面中使用10次的简单短代码，将生成10个块。
所有的短代码都是由用户从页面设置的，因此在调用\\u content（）时创建。
我想让用户可以编辑和自定义exmample的短代码，让用户选择按钮悬停时使用的边界半径等。
正在寻找一个可以验证为html5和WC3的选项。
我希望为每个短代码添加一个ID并生成自定义css，但我找不到正确的方法（不创建<style></style> 到处阻塞）
欢迎提供任何建议和示例。
提前感谢！
SO网友:cjbj
Gradient和boxshadow可以很好地嵌入。你的问题是悬停状态。幸运的是有一个窍门。可以将悬停样式放置在外部元素中，并强制继承悬停。像这样：
<div class="myshortcode">
<a style="color:blue;"><span style="color:red;">Content</span></a>
</div>
以你的风格。css您可以添加带有过渡效果的通用线条作为奖励：
.myshortcode a span {transition:color 1s;}
.myshortcode a:hover span {color:inherit !important;}
