নেস্টিং সিলেক্টর|সি এস এস বাংলা টিউটোরিয়াল

নেস্টিং সিলেক্টর (Nesting Selector)

সি এস এস এ একটি সিলেক্টরের অন্তর্ভূক্ত অপর একটি সিলেক্টরের জন্য স্ট্যাইল নির্ধারণ করার ক্ষেত্রে নেস্টিং সিলেক্টর ব্যবহার করা হয়।ধরা যাক স্ট্যাইল শীটে প্যারাগ্রাফ P এর জন্য স্ট্যাইল নির্ধারণ করা হল। rap নামের id বিশিষ্ট্য একটা div উপাদানের মধ্যে অপর একটা প্যারাগ্রাফ আছে। rap এর জন্যও স্ট্যাইল নির্ধারণ করা হল। এখন যদি rap মধ্যে অবস্থিত প্যারাগ্রাফটির জন্য অলাদা স্ট্যাইল তৈরি করার প্রয়োজন হয় তাহলে নেস্টিং সিলেক্টর ব্যবহার করতে হয়। এজন্য সিলেক্টরে লিখতে হবে rap p ।


অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#00CC99;}
p{color:#333;
font-family:Tahoma;
text-align:justify;}
#rap{
background:#00bbaa;
padding:15px;}
#rap p{color:#F00;}
</style>

</head>
<body >
<p>www.tutohost.com</p>
<h2>Reliable &amp; Fast Web Hosting</h2>
<p>
We are relaibale Bangladeshi hosting provider. The world wide technical and support team is working for your best movement. We are dedicated with client requrement. </p>
<div id="rap">
<h2>24/7 World Class Support</h2>
<p>Reliable and fast server is here. You will get 99.99% uptime guaranty. Many Bangladeshi techie people have no ability to make their site with huge taka. So we are also offering Free hosting plan.</p>
</div>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।



লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট টিউটোহোস্ট ২০১০-২০১২