CSS নির্বাচক ব্যবহার করে, আমরা আমাদের পছন্দের উপর ভিত্তি করে বিশেষভাবে পছন্দসই উপাদান স্টাইল করতে পারি। HTML DOM-এ উপাদান নির্বাচন করার জন্য বিভিন্ন পদ্ধতি রয়েছে।
সিনট্যাক্স
CSS নির্বাচকদের সিনট্যাক্স নিম্নরূপ −
Selector {
/*declarations*/
} নিম্নলিখিত উদাহরণগুলি স্টাইলিং উপাদানগুলির জন্য CSS নির্বাচককে চিত্রিত করে −
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#one {
filter: invert(85%);
}
</style>
</head>
<body>
<img id="one" src="https://www.tutorialspoint.com/hadoop/images/hadoop-mini-logo.jpg">
<img src="https://www.tutorialspoint.com/plsql/images/plsql-mini-logo.jpg">
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div, p {
margin: 4px;
float: left;
height: 200px;
width: 300px;
box-shadow: inset 0 2px 4px olive;
background-image: url("https://www.tutorialspoint.com/sas/images/sas-mini-logo.jpg");
}
p {
background-image: url("https://www.tutorialspoint.com/qlikview/images/qlikview-mini-logo.jpg");
background-position: 50% 50%;
color: black;
}
</style>
</head>
<body>
<h2>Learning Tutorials</h2>
<div></div>
<p>Tutorials</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
