css – Do pseudo-classes inherit their selector rules?

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>
Scroll to Top