css – Do pseudo-classes inherit their selector rules?


Links are set to:

a { text-decoration: none; }

Is this rule inherited by selector pseudo-classes ( a:hover , a:focus , a:active , etc.)?


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;

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