Kanalıma abone ol:
Kullanılan kaynaklar:
Video Transkript
Merhaba arkadaşlar, nasılsınız?
Bu videoda, bir tanımlayıcımız ve bir sınıfımız yoksa, web sayfamızın stilini, herhangi bir formun tasarımını veya başka herhangi bir öğesini nasıl değiştirebileceğimizi göreceğiz.
Bu öğeleri, sınıfı veya tanımlayıcıyı kaçırırsak css ile nasıl yapacağımızı göreceğiz.
Bir öğrencinin bana sorduğu bir şey ve nasıl yapılabileceğini göreceğiz, bana çok ilginç geliyor ve bu yüzden size bunun çok basit bir şekilde yapıldığını göstermek istedim, ayrıca bunu yapmak istedim. help'i kullanacağız ve bu durumda, tanımlayıcılar ve sınıflar dışında, nitelikler aracılığıyla arama yapabileceğimizi göreceğiz.
Bu sayede bunu yapabiliriz, burada gördüğünüz her şeyden korkmayın çünkü bunu çok basit bir şekilde yapacağız, bu durumda bu etiketi isim etiketinde değiştireceğim ama bilmiyorum E-posta etiketinin değiştirilmesini istemiyorum, bu yüzden sağ tıklarsam, kaynak kodunu chrome'da görebiliyorum.
Bu durumda, bu etiketin bir sınıfı olduğunu ancak kullanmayacağımı fark ettiyseniz, bu sınıfın olmadığını hayal edin, çok basit, aslında onu seçtiysem ve burada daha fazla tıklarsam zaten sınıfın yazılı olduğu bir kural oluşturacak, ancak bu durumda sınıfı sileceğim çünkü var olmadığını hayal edeceğim, bu durumda öznitelik sayesinde, bu durumda sahip olduğumuz öznitelik olan FOR burada.
Özniteliğin input_2_8 değerine sahip olduğunu fark edersek, örneğin e-posta etiketini seçersem, bunun input_2_2 olduğunu görürüz, yani bu etiketlerin her birinin farklı bir değeri vardır, bu yüzden bir tanesini değiştirebilirim, gerisini değiştiremem.
Dediğim gibi isim etiketinde seçim yapacağım ve bir kural oluşturacağız, bu sınıfı kullanmayacağım ve burada yapacağım şey şu: Köşeli parantezleri açıyorum, köşeli parantezleri kapatıyorum. ve burada ortada, for niteliği aynı olduğunda, tırnak işaretlerini açıp kapattığımı, ancak yapmasaydım da işe yarayacağını ve bunun input_2_8 değerine eşit olduğunu koyduğumu, istediğimi söyleyeceğim. rengin kırmızıya, yani kırmızıya eşit olması.
Bu nedenle, yalnızca bu etiketin değiştirildiğine dikkat edin, gerisi aynı kalır.
Buradaki etiketi kullanabildim, ancak öznitelikleri kullanarak bunu değiştirebildik ve ayrıca çok ilginç çünkü burada yardımda bulursak, daha da yararlı olabilecek bir şeyler yapılabilir.
Sadece rengin değiştirilmesini veya örneğin bir pdf bağlantısı olduğunda veya belirli bir url'ye sahip olduğunda bir simge koymak istediğimi hayal edebiliyorum, örneğin burada gördüğünüz gibi, herhangi birini değiştirmek için bunu yapabiliriz. bu durumda öznitelikler Ben bu kuralı kullanacağım ve nasıl çalıştığını göreceksiniz.
Buraya sayfama gelirsem bir bağlantım olduğunu görürüz, bu durumda buradaki bağlantı bende var ve gördüğünüz gibi bu bağlantının hiçbir sınıfı, tanımlayıcısı yok, onu nasıl değiştirebilirim, iyi dikkat edin böyle tıklarsam bu durumda sadece tüm linkler için bir kural koyarsam hepsi değişir ama ben hepsinin değişmesini istemiyorum sadece linkleri istiyorum mesela , linkte sayfa yapma olarak yazılmıştır.
Mesela burada yapabileceğim köşeli parantezleri açıp kapatmak, unutmamak için en başında kapatmayı seviyorum ve href özelliği varken bir tane koyacağım. üzerinde yıldız işareti, yardımda gördüğümüz gibi, burada ortada olan her şey için ve size söyleyeceğim ki, açık parantez yazıp kapatıyorum, href yıldızını aynı şekilde koyuyorum, tırnak işaretlerini açıp kapatıyorum ve işte buradayım örneğin sayfa nasıl yapılır yazılabilir diyeceğim ve burada ben rengin de kırmızı olmasını istiyorum diyeceğim mesela ve değiştiğini görüyorsunuz.
Üstelik buraya link nasıl sayfa yapılırken linkleri değiştirin dersem buraya başka bir şey koyarsam bunun değişmediğini göreceksiniz çünkü onun yerine başka bir şey yazmıyor buraya bunun için koyarsam örnek basitçe Bir sayfa nasıl yapılır, işte bu kadar.
Böylece daha fazla vaka olmaması için spesifik olabiliriz, ancak şeyleri css ile değiştirebilmek için her zaman bir sınıfa veya tanımlayıcıya ihtiyacımız olmadığını görebiliriz.
Bana öyle geliyor ki, bizi birçok beladan kurtarabilir, bu yüzden size bu öğreticiyi getiriyorum, umarım beğenmişsinizdir, bir dahaki sefere görüşürüz 😉