HTML5'te CSS seçicileri

seçiciler CSS hangi öğeleri tanımlamak için kullanılır HTML üzerlerine belirli bir stil yerleştirilecek, bunun için etiketi kullanabiliriz stil veya harici bir stil sayfası. Bir an için belgemize belirli bir yön katmak istediğimizi düşünelim, bunun için stiller geliştirmeliyiz, ancak kodu tekrarlamamak için ideal olan, örneğin istersek seçiciler için stilleri kullanmaktır. öğenin tüm bağlantıları ile belirli bir renge sahiplerse, stilleri türe göre seçiciyle kullanırdık.
Bu seçici, belgenin tüm unsurlarını etkiler, en temel seçici olmasına rağmen kapsamı çok geniş olduğundan yaygın olarak kullanılmaz.
Nasıl çalıştığına dair küçük bir örnek görelim:

 Örnek
Elma ve portakal severim.

W3C web sitesini ziyaret edin 

Örnekte gördüğümüz gibi, stile evrensel seçici ile tüm öğelerin siyah bir kenarlığa sahip olacağını söylüyoruz. ince katı, bu aşağıdaki sonucu üretir:

Stilin tüm unsurlara uygulandığını görüyoruz, bu şu anda bakmak çok hoş değil ama işi yapıyor.
Bu seçim türüyle, belirli bir türün tüm öğelerine bir stil seçip uygulayabiliriz, bu şekilde daha önce gördüğümüz evrensel seçicideki kadar geniş olmadan genel olabiliriz.
Aşağıdaki örnekle çalışalım:

 Örnek
Elma ve portakal severim.
W3C web sitesini ziyaret edin 

Gördüğümüz gibi eleman tipini kullanıyoruz. ile Öğreticide üzerinde çalıştığımız siyah kenarlığı ekleyeceğimiz, ekranda nasıl göründüğüne bakalım:

Sonuç, evrensel seçiciyle oluşturulandan biraz daha iyidir, çünkü bu durumda sadece bağlantıların siyah sınırı vardır.
Şimdi bir stil uygulamak istiyorsak, ancak türlerinden bağımsız olarak yalnızca belirli öğelere uygulamak istiyorsak, ancak bunu tüm belgeye uygulayamıyorsak, bunun için seçiciyi sınıflara göre kullanabiliriz, sınıfa göre seçiciyle biraz elde edebiliriz bir stil uygularken daha fazla dışlama.
Kodu görelim:

 Örnek Web sitesini ziyaret edin
Elma ve portakal severim.

W3C web sitesini ziyaret edin 

Bu durumda, stili sınıfın tüm öğelerine uygulamaya karar verdik. sınıf 2 kodda iki sınıfı olan bir eleman görebiliriz, ancak belirttiğimiz sınıfa sahip olmak da stili alacaktır. Seçicilerle ilgili bu öğreticiyi bununla bitiriyoruz, sitelerimizin görünümünü zenginleştirebilmemiz ve kullanılabilirlik standartlarını mümkün olan en etkili ve basit şekilde artırabilmemiz için öğrendiklerimizi birleştirerek uygulamaya devam etmenizi öneririz.