CKEditor css风格坏了

时间:2014-10-23 10:49:52

标签: javascript html css css3 ckeditor

我刚下载ckEditor并出现显示问题。由于我的页面为body定义了样式,p ...现在这些样式影响到ckEditor css,因为它定义了css标签主体,这也使得ckEditor样式破坏了

那么,我应该怎么做才能将这些css分开才能在我的页面上正确显示ckEditor?

还有一个问题,我为我的表定义了一个css,其中set class为" standardTable01"

.standardTable01 {
  color: #333;
  text-align: left;
  line-height: 40px;
  border-spacing: 0;
  border: 1px solid #428bca;
  width: 500px;
  cursor:pointer;
}

.standardTable01 thead tr:first-child {
  background: #428bca;
  color: #fff;
  border: none;
}

.standardTable01 th {font-weight: bold;}
.standardTable01 th:first-child, td:first-child {padding: 0 15px 0 20px;}

.standardTable01 thead tr:last-child th {border-bottom: 2px solid #ddd;}

.standardTable01 tbody tr:hover {background-color: #f0fbff; opacity:0.6}
.standardTable01 tbody tr:last-child td {border: none;}
.standardTable01 tbody td {border-bottom: 1px solid #ddd;}

.standardTable01 td:last-child {
  text-align: right;
  padding-right: 10px;
}

并且此定义也会影响到ckEditor。我不知道为什么会这样,因为ckEditor没有将表类名设置为与我的相同#34; standardTable01" ...

先谢谢!!!

1 个答案:

答案 0 :(得分:3)

请注意,在CSS文件中,您不小心使用了它:

.standardTable01 th:first-child, td:first-child {...}

td:first-child之前您没有添加.standardTable01

关于第一个问题,您需要发布一个"冲突"与CKEditor。