Maelezo:
Pseudo-classes hutumika kubadilisha muonekano wa elementi kulingana na hali fulani (mfano: unapogusa kwa mouse au unapobofya).
Mfano wa Code:
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>Pseudo Classes Example</title>
<style>
button {
background: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background: #0056b3;
}
input:focus {
border: 2px solid #28a745;
outline: none;
}
a:active {
color: red;
}
</style>
</head>
<body>
<h2>CSS Pseudo-Classes</h2>
<button>Bonyeza Mimi</button><br><br>
<input type="text" placeholder="Andika hapa..."><br><br>
<a href="#">Link ya Mfano</a>
</body>
</html>
YouTube Description:
Jifunze jinsi ya kutumia CSS pseudo-classes kama :hover, :focus, na :active kuboresha urembo wa website yako.
Hashtags:
#CSS #WebDesign #Faulink #HoverEffect #FocusState #WebDevelopment