2016-09-24 1 views
0

Was ich will

Zum Inhalt html 'title' Elements ändern, indem es über ':: before' pseudo-Element auswählen und 'content' Attribut auf Auswahl anwenden.Ändern Inhalt des <title> Elements mit Pseudoelement

Problem

Ich habe eine Webseite:

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

und die CSS-Stylesheet:

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

Ich kann nicht in der Lage sein scheinen Inhalt der HTML 'title' zu ändern Element auf diese Weise mit CSS-Stil, aber es funktioniert mit "P" -Element.

Ich weiß, es gibt gute JavaScript-Bibliotheken mit guten Funktionen, die leicht damit umgehen können, aber ich möchte diese Änderungen auf externe Webpage anwenden, die in meinem Webbrowser mit benutzerdefinierten usustyle.css serviert werden.

Ist es möglich?

Antwort

1

Das Titelelement wird nicht wie andere Elemente im Darstellungsbereich gerendert, da es im Kopf und nicht im Körper ist, also werden Pseudoelemente nicht damit arbeiten.

1

Drücken Sie einfach F12 Head Tag suchen. Sie werden feststellen, dass es standardmäßig bereits ausgeblendet ist. Sie können den Inhalt nach jQuery ändern. $ ('title'). text ('du schreibst hier');

Verwandte Themen