<a style="color:red"> ... und was ist mit :hover?

Chet

Hallo,

Wie kann ich denn die Pseudoklasse a:hover inline definieren?

Also so <a style=" :hover {color:white;} "> scheint es nicht zu klappen.

Viele Grüße
Tom

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

... grübel ,

Darüber hab ich noch nie nachgedacht. Und probiert auch nicht.
Aber eine Frage stell ich mir schon:
Was für einen Sinn macht denn bitte eine direkte a:hover Definition ?

Ich würde eine Klasse anlegen:
<a href="#" class="weissdergeier" .... >Link</a>
Und das ganze übers Stylesheet definieren:
a:hover.weissdergeier { color: red }

Chet

Hallo telekommander,

hmm, wahrscheinlich mach ich da was falsch. Ich mein, wenn das so ungewöhnlich ist, dann läßt sich die ganze Sache wohl auch anders lösen.

Für was diese hover Definition Sinn macht?

Ich hab ein plugin, das in der Sidebar agiert und dort einen link sichtbar plaziert. Diesen einen link will ich anders formatieren, als im style.css für die sidebar definiert.
Also wollte ich das dann direkt in dem plugin machen, scheint aber schwierig zu sein.

Viele Grüße
Tom

telekommander

Zitat von Chet

... Ich hab ein plugin, das in der Sidebar ...

Bringt dieses Plugin eigene CSS Definitionen mit ? Sollte das der Fall sein, dann schreib die Def. doch dort rein.

Chet

Nein, leider nicht.

Schau mal, so sieht die Source aus:

PHP

<?php
/*
Plugin Name: Verse-O-Matic
Plugin URI: http://www.tradespotter.com/wp/?page_id=90
Description: Displays a single random verse from a list of verses in a text file. 
*/


function verse_o_matic() {


	//Set user defined variables
	$turnOnAltVersions = "false"; //set true to turn on links to alternate versions, otherwise false
	$fileLocation = "wp-content/plugins/verse-o-matic-list.txt"; //where is the list? if you followed the
	//installation instructions, you won't need to change this.
	
	//Get the file
	$theFile = file_get_contents($fileLocation);
	
	
	//put the lines into an array
	$lines = array();
	$lines = explode("\n", $theFile);




	//pick the vers of today
	$datum = getdate();
	$lineRand = $datum[yday]-1;
	
	//put the line into an array
	$verseArr = explode("|", $lines[$lineRand]);
	
	
	//get the size of the array
	$verseArrCount = count($verseArr);
	
	
	//put array contents into variables
	$verseBook = $verseArr[0]; 
	$verseChap = $verseArr[1]; 
	$verseVrse = $verseArr[2]; 
	$verseText = $verseArr[3];




	$verseRef  = "$verseBook $verseChap:$verseVrse";
	
	$verseOutput = "\n$verseText<br />$verseRef\n";


	
        echo "\n\n<!-- BEGIN Verse-O-Matic Plugin -->\n";
	echo $verseOutput;
	if ($turnOnAltVersions == "true"){
	echo "<br /><br />\n";
	echo "<!-- alternate version lookup -->\n";
	echo "<div>\n";
	echo "  <a style=\"color: red; \" href=\"http://www.provider.de\">Link</a> \n";
	echo "</div>\n";
	echo "<!-- end alternate version lookup -->\n";
	}
	echo "\n<!-- END Verse-O-Matic Plugin -->\n\n";


}?>

Alles anzeigen

Der Knackpunkt ist der Link ganz am Ende, bei dem ich gerne einen andersfarbigen hover hätte.

Viele Grüße
Tom

telekommander

Dann definiere doch eine neue Klasse in diesem Link
Like this:

Code

echo "  <a class=\"NEUE_KLASSE \" href=\"http://www.provider.de\">Link</a> \n";

Und in der style.css definierst du den Link.

Code

/* Beginn Definition Verse-O-Matic Plugin */
a.NEUE_KLASSE  { color: red }
a:hover.NEUE_KLASSE  { color: blue }
/* End Definition Plugin */

Chet

Ja, vielen Dank. So ist das schön sauber.
Ich denk mal, dass ich mich noch viel mehr in CSS einarbeiten muß.

Viele Grüße
Tom

Willkommen! Melden Sie sich an oder registrieren Sie sich.

<a style="color:red"> ... und was ist mit :hover?

Jetzt mitmachen!