CSS p:hover

Question

Hallo ich möchte, dass bei einem Textabschnitt ein Rahmen entsteht wenn man mit der Maus darüber fährt.

Das wollte ich so lösen:

<p id="bsp">Beispiel<p>

#bsp p:hover
{
border: 1px solid black;
}

Funktioniert aber leider nicht :(

Hat jemand eine Idee.

Vielen Dank im Voraus.

Answer 1

p#bsp:hover {border: 1px solid black; }

so sollte es gehen.

Gruß derpfleger

Answer 2

Entweder

p:hover { border: 1px solid black; }

oder

#bsp { border: 1px solid black; }

Was du gemacht hast, würde wohl nur in folgendem HTML klappen:

<div id="bsp">
<p>Beispiel</p>
</div>

Answer 3

<div id="bsp">
<p>Beispiel</p>
</div>

Hab ich jetzt auch gemacht. Vielen Dank.

Answer 4

Du hast damit von allen Vorschlägen den ungeschicktesten genommen, Antwort 1 war das sinnvollste!