2012-01-31 5 views
3

私の友人のためのウェブサイト管理ユーティリティで作業しています。インデックスページには、購入したテンプレートが付いたCSSスタイルシートへのリンクがあります。私はファイルを編集するのにCKEditorを使いますが、CSSスタイルシートは多くの悪いスタイルをエディタに適用します。特定のページ/ div /タグからCSSスタイルシートのリンクを解除します

私はCSSに慣れていないので(テンプレートを購入した理由です...)、div /タグからのみスタイルシートのリンクを解除したいと思います。スタイルシートを使用しているので、ページ全体からリンクを解除する必要はありません。

<div style="UNLINKED"> [CKEDITOR CODE GOES HERE] </div> 

可能かどうかわかりませんが、私はそれを行う必要があります。 ありがとう!

+0

CKEditorコードを自分のHTMLファイル(スタイルシートなし)に入れて、それを 'div'の代わりに' iframe'でページに挿入しようとしましたか? – Sparky

答えて

0

okですので、ソリューションはすべての開発者ごとに異なる場合があります。 ckeditorの場合は、テーブルセレクタを削除してみてください。私にとっては問題はセレクタ<td>であった。答えをありがとう...

1

スタイルをオーバーライドする必要があります。特定の要素をページスタイルから「リンク解除」する方法はありません。 したがって、たとえば、あなたのスタイルシートは、このようなすべての段落のための太字のテキストを定義する場合:

p { font-weight: bold; } 

あなたが戻って通常のテキストに段落を持参することを無効にする必要があります。

div.unlinked p { font-weight: normal; } 
+0

私はスタイルをオーバーライドすることができますが、私はどのようなスタイルがわからないときは問題です。私がエディタ上をホバーすると、色が変わります。私はスタイルシートでそれに一致するものは見つかりませんでした。多分それはjs/jqueryに接続されたものです。 –

+0

FirebugやChrome Developer Toolsのようなソースコードアナライザーを使用しています。 – jpatiaga

+0

ええ、私はGのChromeの開発ツールを使用します。 CKEditorはそれをJScriptに変更します。私はどのようにスタイルを表示するか分かりません。それはポイントです –

1

にクラスを割り当てます。クラスのdivとcreateスタイルは、クラスに定義されているスタイルがグローバルスタイルを上書きします。

div.nostyle { 
    margin: 0; 
    padding: 0; 
    text-decoration: none; 
    border: 0 none; 
} 

<div class="nostyle">CKEDITOR CODE</div> 
+0

それは動作しません:(私はそれが色を変更します。おそらく異なるCSSスタイルが必要でしょうか? –

+0

@ninja、CSSのリセット全体を1つのクラスに適用する場合は、それよりも多くのコードが必要になります – Sparky

0

先頭にリンクされていると、スタイルシートを一度リンク解除することはできません。 のみ、いくつかの状況は助けることができます。

  1. をインラインフレームにすべての<div ... </div>期間を置きます。
  2. 又はこの場合DIV
+0

Iframeは、私の問題(色の変更はホバー上)に接続された要素が見つからなかったため、CkeditorがJSのすべてをブラウザでJSに変更するため、要素をオーバーライドする方法がわかりません.JS/Jqueryの問題ですか? –

0

のすべてのスタイル要素を上書きし、Iは、iframe要素にコードを埋め込む助言します。それ以外の場合は、より具体的なルールでコンテンツに影響を与えるすべてのルールを上書きしないでカスケードを回避する方法はありません。

0

簡単!あなたがしなければならないのは、HTMLの上部にあるコードを削除することだけです!一度行うと、ページは自動的にスタイルシートからリンク解除されます。提供されたものを無効にする必要はありません。 :)

+1

スタイルシートへのリンクを削除すると、すべてのスタイルが削除されます。 –

関連する問題