CSS Selector – PHPGurukul

Selector: یک تگ HTML است. سبک روی برچسب اعمال می شود. CSS Selectors بر اساس نام عنصر ، شناسه ،
و کلاس و غیره

روش های مختلفی برای نشان دادن انتخاب کننده ها وجود دارد. اینها در زیر آورده شده است.

انتخاب کننده های عنصر یا نوع

انتخاب کننده عناصر بر اساس نام عنصر عناصر را انتخاب می کند. می توانید همه را انتخاب کنید <h1> عناصر روی a
صفحه اجازه بدین مثالی را مطرح کنیم.

نمونه ای از انتخاب کننده عنصر

h1{
Color:white;
Background-color:red;
}

انتخاب کننده جهانی

انتخاب کننده های جهانی نسبتاً با نام هر نوع عنصر مطابقت دارند. اجازه بدین مثالی را مطرح کنیم.

نمونه ای از انتخابگر جهانی

* {
Color:#8BC34A;
}

انتخاب کننده شناسه

با استفاده از ویژگی id یک HTML می توانید از selector id استفاده کنید. شناسه یک عنصر باید منحصر به فرد تعریف شود. از کاراکتر (#) برای نشان دادن Id عنصر استفاده می شود. اجازه بدین مثالی را مطرح کنیم.

نمونه ای از انتخابگر Id

#divid{
Border:2px solid black;
Background-color:#ff82ab
}

انتخاب کننده کلاس

انتخاب کننده کلاس عناصر را با ویژگی کلاس خاص انتخاب می کند. هنگام استفاده از کلاس باید از کاراکتر (.) استفاده کنید. اجازه بدین مثالی را مطرح کنیم.

نمونه ای از انتخاب کننده کلاس

#divclass{
Border:1px solid black;
Background-color:#8b2252
}

انتخاب کننده گروه بندی

انتخاب کننده گروه برای انتخاب چند انتخاب کننده استفاده می شود. باید از کاراکتر جداکننده (،) بین عنصر استفاده کنید. اجازه بدین مثالی را مطرح کنیم.

نمونه انتخاب کننده گروه بندی

P, h1 {
Border:1px solid black;
Background-color:#00c5cd;
Text-align:center;
}

ویژگی: این یک نوع ویژگی HTML است. ویژگی های HTML شامل ویژگی های CSS می شوند. مانند رنگ ، حاشیه ، حاشیه و غیره

ارزش: به خواص اختصاص داده شده است. پسندیدن #8BC34A, #fff و غیره.

در مثال فوق ، می توانید رنگ پس زمینه عنوان را به شرح زیر تعریف کنید.

h1{background-color:#8BC34A;}

اینجا h1(headline) یک انتخاب کننده است ، رنگ پس زمینه یک ویژگی است و #8BC34A مقدار آن ویژگی است.