노스 스크립트 요소를 스타일링 할 수 있습니까?

Question

사용할 수 있습니까? noscript CSS 선택기의 요소?

noscript p {
    font-weight: bold;
}

Answer 1

예! 당신은 확실히 그렇게 할 수 있습니다.

사실, 많은 (모두?) 브라우저는 CSS를 사용하여 임의의 태그를 타겟팅하는 지원을 지원합니다. HTML 사양의 "공식"태그는 브라우저가해야 할 일만 정의합니다. 그러나 CSS는 XML의 풍미를 대상으로하는 언어이므로 말할 수 있습니다. foo {font-weight:bold;} 그리고 대부분의 브라우저에서 <foo> hello world </foo> 대담하게 나올 것입니다.

처럼 DARKO Z IE6/7은 소스에서 자동으로 DOM에 임의 (비표준) 요소를 추가하지 않습니다. 프로그래밍 방식으로 추가되어야합니다.

Answer 2

명심해야 할 IE 버그가 있습니다. OP와 마찬가지로 Noscript 태그 자체가 아닌 Noscript 태그 내에서 텍스트를 스타일링하고 싶다면 이것을 무시하십시오 ..

noscript 태그의 배경을 빨간색으로 만들고 싶다고 가정 해 봅시다. IE8에서는 JS가 활성화 된 상태에서 나타납니다. 내부의 텍스트가 아니라 상자 자체 만.

그래서이 조합은 좋지 않습니다.

CSS

noscript {
    background-color: red;
}

HTML

<noscript>Turn on your damned JavaScript! What is this, 1999?</noscript>

그러나이 해결 방법은 잘 작동합니다.

CSS

noscript div {
    background-color: red;
}

HTML

<noscript><div>Turn on your damned JavaScript! What is this, 1999?</div></noscript>

이상하게도, 나는 IE7이 아니라 IE8에서만이 동작 만 본다. 그리고 6에 대해 아는 사람

Answer 3

에 추가 렉스 M의 답변 -IE 6/7 (6 def, 7 어쩌면?)은 당신을 위해 임의의 태그를 꾸미지 않습니다. 하지만 당신과 함께 운이 좋다 모두 많은 IE 문제 해결 방법이 있습니다.

당신이 부르는 요소를 스타일링하고 싶다고 가정 해 봅시다 foo. IE를 스타일 요소로 인식하려면 JS 어딘가에이 라인을 포함시켜야합니다.

document.createElement('foo');

당신은 그것을 추가 할 필요가 없습니다.

이것은 CSS 규칙을 통해 해당 요소를 스타일링으로 시작합니다.

foo { font-weight:bold; }