CSS'de öğeleri seçebilir class ve id stilleri uygulayabilir ve web sayfanızdaki öğeleri özelleştirebilirsiniz. İşte bunların nasıl kullanılacağına ilişkin ayrıntılı bir kılavuz:
Elemanları Seçmek
Belirli bir HTML öğesinin tüm örneklerini seçmek için öğe adını seçici olarak kullanın. Örneğin, belgedeki p tüm etiketleri seçer. <p>
seçme Class
Aynı sınıfa sahip öğeleri seçmek için nokta "." ardından sınıf adı gelir. Örneğin, .my-class sınıfına sahip tüm öğeleri seçer my-class.
Birden çok sınıfa sahip öğeleri seçmek için "" noktalarını kullanın. ve boşluklarla ayrılmış sınıf adlarını listeleyin. Örneğin, hem sınıfları hem de sınıfları .class1.class2 olan öğeleri seçer. class1 class2
seçme id
İle belirli bir öğeyi seçmek için id, bir karma "#" ve ardından öğenin id. Örneğin, #my-id ile öğeyi seçer id my-id.
Element, Class, ve ID Seçimlerini Birleştirme
Belirli class öğeleri belirli sınıflar ve ID.
Örneğin, ve ile öğeyi div.my-class#my-id seçer. <div> class my-class ID my-id
CSS'de class, öğelerini seçmenin belirli bir örneğini burada bulabilirsiniz: id
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
element, , ve id seçimlerini kullanarak class, web sayfanızdaki belirli öğeleri veya öğe gruplarını kolayca seçebilir ve stillendirebilirsiniz.