요소 선택기를 외부 CSS에서 선언 할 수 있습니까?

다음 선택은 외부 스타일 시트요소 선택기를 외부 CSS에서 선언 할 수 있습니까?

p:first-letter 
{ 
    color: red; 
}

에 선언하지만 <p> 요소의 첫 글자가 빨간색으로하지 않습니다. 이것이 내부 CSS에서 선언 될 때 작동합니다.

출처

2011-02-15 user439526

을했다 그리고 당신은 외부 스타일이 제대로로드되고 절대적으로 확실 해요? – drudge

다른 CSS 규칙이 외부 파일에서 올바르게 작동합니까? 어쩌면 뭔가 다른 규칙을 무시할 수 있습니까? 'p : first-letter {color : red! important;}'와 같은 것을 시도해보십시오. 또한 firebug를 사용하거나 http://jsfiddle.net/ 또는 http://jsbin.com/에서 라이브 데모를 만드십시오. – Sotiris

예. 가능합니다.

작성한 내용은 잘 작동합니다. 외부 스타일 시트에 올바르게 연결하고 있습니까?

출처

2011-02-15 17:55:00 slifty

이 파이어 폭스 3.6.x에서 나를 완벽하게 잘 작동 :

외부 selector.htm

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <link rel="stylesheet" href="external-selector.css" type="text/css"> 
     <style type="text/css"> 
      p { color: blue; } 
     </style> 
    </head> 
    <body> 
     <p>Paragraph!</p> 
    </body> 
</html>

외부 selector.css

p:first-letter { 
    color: red; 
}

출력

enter image description here

출처

2011-02-15 18:01:32 drudge

html 4.01 doctype을 사용했는데 문제가 될 수 있습니까? – user439526

는 나뿐만 아니라이 문제를 가지고 있었고, 파이어 폭스 덤비는 한 시간 이상 후 나는 나를 위해이 문제를 일으키는 제작 : InvisibleHand 애드온 있다는 알아 냈어. 내가 그것을 무능하게 할 때, 문제는 사라졌습니다.

나는 버그를 수정하도록 요청하는 이메일 주소를 이메일로 보냈습니다.

출처

2012-11-02 06:15:53 Heptite

다른 CSS가 충돌하는 것 같습니다. 이

p:first-letter 
{ 
color: red !important; 
}

출처

2012-11-02 06:39:32 mansoor

를 작업하는 경우

내가 여기에 설명 된 같은 문제가 없었다보십시오. 다른 스타일이 적용된 것을 볼 수 있기 때문에 외부 스타일 시트가 적용되고 있음을 알았습니다. Heptite의 대답을 읽은 후 Firefox를 업데이트하려고 결정했습니다. 이 문제가 해결되었습니다.

그래서, 아마도이 최신 파이어 폭스 (v39.0)에 고정되었다 버그

출처

2015-07-02 22:24:19 Matt

요소 선택기를 외부 CSS에서 선언 할 수 있습니까?

답변

관련 문제