コードミラー - 指定された行を完全にグレーにします。

Question

コードミラーで作業していますが、特定の行を完全にグレー表示にしたいのです（コメントは通常コードエディタのように見えます）。これまでのところ私はこれを作ってみた：

editorDiv = this; 

var editor = CodeMirror(function(elt) { 
    editorDiv.parentNode.replaceChild(elt, editorDiv); 
}, { 
    value:  "function myScript(){\n\treturn 100; \n}\n", 
    lineNumbers: true, 
    readOnly: "nocursor", 
    theme:  "monokai" 
}); 

console.log(editor); 

var line = editor.getLineHandle(1); 
console.log(line); 

editor.addLineClass(line, "text", "greyed-out"); 

はのは、私が（APIごとにエディタとライン1、ライン2である）グレーアウトするreturn 100;行をしたいとしましょう。私の考えでは、この行にgreyed-outクラスを追加することでしたし、クラスのようなものもある：高い優先度を持っているとgreyed-outクラスを上書きコードミラーから他のクラスがあるのでしかし、これは動作しません

.greyed-out { color: grey; } 

。

コードミラーのAPIでこれを行う具体的な方法があるかどうか、またはより高い優先度のクラスから不要な属性を削除する一般的な方法があるかどうかはわかりません。

誰かが私にこれについて何か助けてもらえますか？

.greyed-out { color: grey !important; } 

それは避け、必要な場合にのみ使用することshuldしかし：あなたは!importantを使用することができますこのような場合には

Answer 1

別のクラスからルールを-乗る上での最良の方法は、例えば、あなたのセレクタ高い特異性を与えることです。また

#container .foo-list li .greyed-out { color: grey; } 

は、あなたがルールに!importantを使用することができますが、これは悪いと考えられています可能な限り避けるべきである。

.greyed-out { color: grey !important; } 

Answer 2

。セレクターを拡張することによって、スタイルの特異性を高めることもできます。