Question:
Links are set to:
a { text-decoration: none; }
Is this rule inherited by selector pseudo-classes ( a:hover
, a:focus
, a:active
, etc.)?
Answer:
Look at an example and itself answer to the question whether inherit??? Only in this example, do not check active, since it immediately fires into focus
* {
margin: 0;
padding: 0;
}
html,
body {
width: 100%;
height: 100%;
background: #272727;
perspective: 100px;
color: white;
}
a {
display: block;
width: 100px;
height: 100px;
background: red;
border: 5px solid red;
margin: auto;
color: black;
background: white;
text-decoration: none;
}
a:hover {
color: red;
background: green;
}
a:active {
color: red;
background: yellow;
}
a:focus {
color: black;
background: orange;
}
<a href="#" target="_blank">я ссылка</a>