'.' সিলেক্টর
'.' সিলেক্টর একটি ক্লাস লেভেল সিলেক্টর। ডট অপারেটর ব্যবহার করে একটি স্টাইল ক্লাস তৈরি করা হয় যা একাধিক HTML এলিমেন্টে প্রয়োগ করা যায়।
'#' সিলেক্টর
'#' সিলেক্টর একটি এলিমেন্ট লেভেল সিলেক্টর। হ্যাশ অপারেটর ব্যবহার করে একটি নির্দিষ্ট এলিমেন্টে স্টাইল প্রয়োগ করা হয় যার id '#' সিলেক্টরে ব্যবহৃত id-র সাথে মিলে।
উদাহরণ
নিচের উদাহরণটি তিনটি div এলিমেন্টে '.' এবং '#' সিলেক্টরের ব্যবহার দেখায়।
<!DOCTYPE html> <html> <head> <title>Selector Example>/title> <style> .blackBorder { border: 2px solid black; } #redDiv { border: 2px solid red; } </style> </head> <body> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> <div id="redDiv"> Red Border Box </div> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> </body> </html>
