How css(Cascading Style Sheet) styles override each other.

<!DOCTYPE html>
<html>
<head>
<tittle>getting started with fauna</fauna>
</head>
<style>
.greentext{
color: green;
}
</style>
<body>
<h3 class=”greentext bluetext”>I am a technical writer of Fauna</h2>
<p class=”greentext bluetext”> And am here to produce educative content.</p>
</body>
</html>
<html>
<head>
<tittle>getting started with fauna</fauna>
</head>
<style>
.greentext{
color: green;
}
.bluetext{
color: blue;
}
</style>
<body>
<h3 class=”greentext bluetext>I am a technical writer of Fauna</h2>
<p class=”greentext bluetext> And am here to produce educative content.</p>
</body>
</html>
<html>
<head>
<tittle>getting started with fauna</fauna>
</head>
<style>
.greentext{
color: green;
}
.bluetext{
color: blue;
}
</style>
<body>
<h3 class=”greentext bluetext” style=”color:pink;”>I am a technical writer of Fauna</h2>
<p> And am here to produce educative content regarding technology</p>
</body>
</html>
<html>
<head>
<tittle>getting started with fauna</fauna>
</head>
<style>
.greentext{
color: green;
}
.bluetext{
color: blue;
}
#violettext{
color: violet;
}
</style>
<body>
<h2 class=”greentext bluetext” id=”violettext”>I am a technical writer of Fauna</h2>
<p> And am here to produce educative content regarding technology</p>
</body>
</html>

<html>
<head>
<tittle>getting started with fauna</fauna>
</head>
<style>
.greentext{
color:green !important;
}
.bluetext{
color:blue;
}
#violetcolor{
color:violet;
}
</style>
<body>
<h2 class=”greentext bluetext” id=”violettext”>I am a technical writer of Fauna</h2>
<p> And am here to produce educative content regarding technology</p>
</body>
</html>

--

--

--

Abiola Gbolahan by name, A front end web developer💻| part-time tech writer and full time learner of front end concepts. |CS undergraduate @EksuOyo

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Configure and Install Wordpress With MySQL Database Using AWS RDS.

SQS FIFO Queues: Message Ordering and Exactly-Once Processing Guaranteed?

TubeMate — YouTube Downloader For Android [2019]

Leveling Up as a Product Designer

HackTheBox — OpenAdmin Walkthrough

Diversity, Diversity, Diversity:

It’s a Trap! — The True Cost of the Cloud

Cloud-native vs lift and shift: which way to choose?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abiola Gbolahan Alabi

Abiola Gbolahan Alabi

Abiola Gbolahan by name, A front end web developer💻| part-time tech writer and full time learner of front end concepts. |CS undergraduate @EksuOyo

More from Medium

In The Beginning…

GIT Tips For Your First Project

Programming Journal — Week 1

Git: Brief Introduction