Özellik Seçici Türleri - Semalt Uzmanı

HTML öğesi bir sınıf, kimlik ve özelliklerden oluşur. Nitelik seçici, bir niteliğe veya nitelik değerine sahip HTML öğelerini seçer. Özellik seçicileri, belirli bir özellik veya özellik değerine sahip HTML öğelerine stil uygulamak için basit bir yöntem sağlar. Öznitelik seçicileri, özniteliği değeriyle kapsayan iki köşeli ayraçla tanımlanır. Yine de, bir öğe türü seçicisini önüne koyabilirsiniz. CSS [öznitelik] Seçici, belirli bir özellikten oluşuyorsa ve içeriyorsa stil kurallarını bir öğeye uygular.

Özellik seçici türleri

Her biri ayrı durumlar için kullanılabilen farklı özellik seçici türleri vardır:

CSS [attribute | = "value"] Seçici, belirli bir özelliğe sahip öğeleri vurgular ve tanımlı bir değerle başlar.

CSS [özellik ~ = "değer"] Seçici, belirli bir kelimeyi içeren özellik değerine sahip öğeleri bulmak için kullanılır.

CSS [özellik ^ = "değer"] Seçici, özellik değeri belirli bir değerle yalvaran öğeleri bulur. Değer mutlaka bir kelime değildir.

CSS [attribute $ = "value"] Seçici, tanımlanmış bir değerle biten nitelik değerine sahip bileşenleri bulur.

CSS özellik seçicilerinin uygulamaları

Evrensel, sınıf veya kimlik seçiciyi kullanmak yerine nitelik seçicinin kullanılabileceği çeşitli yollar vardır

Özellik seçicilerin en yaygın kullanımı girdilerdir. Bunlar arasında metin seçicileri, onay kutusu seçicileri, şifre seçiciler, dosya seçiciler, gizli seçiciler, şifre seçiciler, radyo seçiciler, sıfırlama seçiciler ve diğerleri bulunur.

Şekillendirme formları

Özellik seçicileri, sınıf veya kimlik içermeyen formları şekillendirirken çok kullanışlıdır.

Stil bağlantıları

Örneğin, öznitelik seçicileri, arkadaş sitelerine bağlantıların bir listesinin bulunduğu bir blog kaydına stil uygulamak için kullanılabilir. Bununla birlikte, her bağlantının farklı bir şekilde stilize edilmesini istersiniz. Bu konuda geleneksel yol, daha fazla işaretleme gerektiren bir arama adı atamaktır. Yine de, emirlerin asla değişmemesini gerektiren n'inci çocuğu kullanabilirsiniz. Özellik seçicilerini kullanmak, hedefleyebileceğiniz bir özellik olduğu için bunu kolaylaştırır.

Sınır girişleri

CSS kenarlık görüntüsü özniteliğini kullanarak kenarlık öğelerini şekillendirmek, gövdeye görüntü eklemenin zarif bir yoludur. Görüntüyü bir öğenin kenarlığı olarak tanımlamanızı sağlar. Kenarlık görüntüsü, kenarlık alanına sığmasını sağlamak için ölçeklenebilir, dilimlenebilir, farklı şekillerde tekrarlanabilir. Kenarlık yarıçapı özniteliği, görüntüleri kullanmadan yuvarlatılmış köşeler eklenmesine olanak tanır. Özellik köşenin şeklini tanımlar.

Stil renkleri

CSS özellik seçicileri, belirli renk değerine sahip tüm öğelerin stilini ayarlamayı kolaylaştırır. Color anahtar sözcüğü, RGB (), RGBA (), HSL () ve HSLA () gösterimlerini kullanabilirsiniz. RGBA renk değerleri, bir rengin opaklığını tanımlayan bir kanala sahip RGB renk modelinin bir uzantısıdır. Parametre değeri 1.0 (opak} ile 0.0 (şeffaf) arasında değişir

HSL renk modeli (Hue_saturation_Lightness) olarak açıklanmıştır. Renk tonu açısı (0-360) veya renk tekerleği biçimindedir. Doygunluk ve açıklık yüzdeler olarak ölçülür Doygunluğun% 0'ı gölgeyi veya griyi, 100'ü ise tam rengi temsil eder. % 100 açıklık beyaz,% 0 siyahtır.