CSS 自动追加代码

ma1305249012

自己写的css 为什么后面自动追加上一段代码
我写CSS如下:

1. .face{
   
2.         max-width:11% !important;
   
3. }

复制代码

但是我在浏览器调试界面看的时候是这样的

1. .face.c2Qzque {
   
2.     max-width: 11% !important;
   
3. }

复制代码

后面追加的c2Qzque 是什么意思？
我在代码只中如果直接使用

1. $("[xid='newPostContent']").append('<a href="#" class="face"></a> ' );

复制代码

Jquery的方式拼接代码 可以自动 加上  class 名字后面多出来的 c2Qzque
但是我如果使用 WebAPI

1.                
   
2. range=selection.getRangeAt(range.insertNode(node);
   

复制代码

这种方式的话 插入html 标签会失去 样式  插入的标签 的class 只有一个 class="face"
没有后面的 c2Qzque
这是什么情况？

liangyongfei

这个是单页应用的一种机制！就是这个class样式只对当前页面生效！其他页面片段不起作用的！
如果你想对所有样式生效！可以单独写一个css定义样式，然后将它引入进来即可！

当然，不是调用我们的ＡＰＩ生成的ｄｏｍ节点也不会多生成这个样式的！