2016-09-24 5 views
0

는 내가 의사 요소 '전에 ::'를 통해 그것을 선택하고 '내용'선택에 속성을 적용하여 HTML '제목'요소의 내용을 변경하려면

변경 내용

을 원하는 것은.

<html> 
<head> 
    <title>Some title</title> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 
<body> 
    <p>Some paragraph</p> 
</body> 
</html> 

과 CSS 스타일 시트 :

title::before { 
    content: "Text"; 
} 
p::before { 
    content: "Text"; 
} 

내가 HTML '제목'의 내용을 변경 할 수없는 것

문제

나는 웹 페이지를 요소를 CSS 스타일로이 방법은 있지만 'p'요소와 함께 작동합니다.

나는 이것을 쉽게 처리 할 수있는 좋은 기능을 가진 훌륭한 자바 스크립트 라이브러리가 있다는 것을 알고 있지만 이러한 변경을 사용자 정의 userstyle.css가있는 내 웹 브라우저에서 제공되는 외부 웹 페이지에 적용하려고합니다.

가능합니까?

답변

1

제목 요소는 다른 요소와 마찬가지로 뷰포트에 렌더링되지 않습니다. 제목 요소는 본문이 아니고 머리에 있기 때문에 다른 요소와 마찬가지로 렌더링되므로 가상 요소가 해당 요소와 함께 작동하지 않습니다.

1

F12 찾기 헤드 태그를 누르면됩니다. 이미 기본적으로 숨겨져 있음을 알 수 있습니다. jQuery로 내용을 변경할 수 있습니다. $ ('제목'). 텍스트 ('여기에 텍스트');