28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

je débute en CSS,
je cherche à faire en pur css la même chose que ce que je fais en js:

<html>
<head>
<style>
#bloc1{
width 90%;
height:20%;
margin-left:auto;
margin-right:auto;
border:solid 1px red;
}

</style>
</head>

<body>

<p onMouseOver="getElementById('bloc1').style.borderColor='blue';" onMouseOut="getElementById('bloc1').style.borderColor='red';">test</p>

<div id='bloc1'></div>

</body>
</html>


J'ai bien essayé de mettre dans le CSS:
p:hover{bloc1{border-color:blue;}}


mais sans succès...
Je suis persuadé que c'est tout simple mais je galère...
Merci pour votre aide.

Philippe
Modifié par filtep (10 Nov 2013 - 01:41)
Il faut donc obligatoirement du js pour par exemple ouvrir une image en clickant sur une vignette ?