Question: How to change CSS of active hyperlink, paragraph and heading?

Answer: We can use Pseudo Class of CSS :active Selector

a:active {
  background-color: yellow;
}

a:active {

background-color: yellow;

}

Full code

<html>
<head>
<style>
p:active, h1:active, a:active{
  background-color: red;
}
</style>
</head>
<body>
<h1>Welcome to T4Tutorials.com</h1>
<div class="intro">
  <h2 id="firstname">My name is shamil</h2>
  <p id="hometown">I am a programmar</p>
</div>

<h2>Welcome to tutorial:</h2>
<a href="https://www.t4tutorials.com">T4Tutorials.com</a>
<a href="http://www.google.com" target="_blank">Google.com</a>
</body>
</html>

<html>

<head>

<style>

p:active, h1:active, a:active{

background-color: red;

}

</style>

</head>

<body>

<h1>Welcome to T4Tutorials.com</h1>

<h2 id="firstname">My name is shamil</h2>

<p id="hometown">I am a programmar</p>

</div>

<h2>Welcome to tutorial:</h2>

<a href="https://www.t4tutorials.com">T4Tutorials.com</a>

<a href="http://www.google.com" target="_blank">Google.com</a>

</body>

</html>

Output

Welcome to T4Tutorials.com

My name is shamil

I am a programmar

Welcome to tutorial:

T4Tutorials.com Google.com

How to change CSS of active hyperlink, paragraph and heading?
By: Prof. Dr. Fazal Rehman | Last updated: February 3, 2024

Full code

Welcome to T4Tutorials.com

My name is shamil

Welcome to tutorial:

Related Posts: