rozne

p[id^="son"]:hover a
{
text-decoration: none;
}
.............................................
<p onclick="z1()">paragraf 1</a></p>
function z1()
{
var f = document.getElementsByTagName('p');
for(var i = 0; i < f.length; i++)
f[i].style.color="red";
}
.......................................................
p:not(#child4):hover {
  color: white;
  background-color: #a70000;
}

p:not(#child4):hover:before {
  content: “=== “;
}

p:not(#child4):hover:after {
  content: “ ===“;
}