코드 미러 - 주어진 줄을 완전히 회색으로 만듭니다.

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"); 

하는의 내가 return 100; 라인 (에디터와 API에 따라 라인 1 라인 2 인) 회색으로 표시하기를 원하는 경우를 생각 해보자. 더 높은 우선 순위를 가지고 있고 greyed-out 클래스를 덮어 코드 거울에서 다른 클래스가 있기 때문에

.greyed-out { color: grey; } 

그러나이 작동하지 않습니다 내 생각이 라인에 greyed-out 클래스를 추가하고 클래스가 같은 것을 할 필요했다.

코드 미러의 API를 통해이를 수행 할 수있는 구체적인 방법이 있는지 또는 우선 순위가 높은 클래스에서 원하지 않는 속성을 제거하는 일반적인 방법이 있는지 확실하지 않습니다.

누군가이 문제에 도움이 될 수 있습니까?

Answer 1

다른 클래스에서 규칙을 타고 이상에 가장 좋은 방법은 예를 들어, 선택 더 높은 특이성을 제공하는 것입니다 : 또는

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

, 당신은 규칙에 !important를 사용할 수 있지만이 나쁜 것으로 간주됩니다 연습을해야하며 가능한 한 피해야합니다.

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

Answer 2

이 경우에 당신은 !important을 사용할 수 있습니다 : 그것은 피하고 필요한 경우에만 사용할 수 shuld 그러나

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

. 선택기를 확장하여 스타일의 특수성을 높일 수도 있습니다.