Etiket: css

CSS [attribute~=value] Seçicisi

[attribute~=value] Seçicisi

Belirli bir kelimeyi içeren elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

span[title~=w3tr]{
  display:block;
  font-size: 30px;
  color: blue;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 2.0 7.0 3.1 9.6
Posted on by Samed GÖZÜTOK 0

CSS [attribute=value] Seçicisi

[attribute=value] Seçicisi

Belirtilen öznitelik ve değere göre element seçer.

Versiyon:CSS2

Örnek

a[target=_blank] {
  display: block;
  font-size:30px;
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 2.0 7.0 3.1 9.6
Posted on by Samed GÖZÜTOK 0

CSS [attribute] Seçicisi

[attribute] Seçicisi

Öznitelikleri ile elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

a[target] {
  background: blue;
  color: white;
  font-size: 20px;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 2.0 7.0 3.1 9.6
Posted on by Samed GÖZÜTOK 0

CSS3 element1~element2 Seçicisi

element1 ~ element2 Seçicisi

Element1  den sonra tekrar eden tüm element2 lere özellik atamak için kullanılır.

Versiyon:CSS3

Örnek

p ~ span {
  background: red;
  display:block;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET 7.0 EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS element+element Seçicisi

CSS element+element Seçicisi

Elementten sonra gelen ilk elemente özellik atamak için kullanılır.

Versiyon:CSS2

Örnek

div + span {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET 7.0 EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS element>element Seçicisi

element>element Seçicisi

Belirli bir  element içindeki ebeveyn elementleri seçmek için kullanılır.

VERSİYON: CSS2

Örnek

div > span {
  color: red;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET 7.0 EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS element element Seçicisi

element element Seçicisi

Element içindeki başka bir elemente özellik atamak için kullanılır.

VERSİYON: CSS1

Örnek

div span {
  color: blue;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET EVET EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS element,element Seçicisi

element,element Seçicisi

Aynı özelliği birden fazla elemente vermek için kullanılır.

VERSİYON: CSS1

Örnek

span,p{
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET EVET EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS element Seçicisi

element Seçicisi

Belirtilen elementi seçer.

VERSiYON: CSS1

Örnek

span {
  color: red;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET EVET EVET EVET
Posted on by Samed GÖZÜTOK 0

CSS * Seçicisi

* Seçicisi

Tüm elementleri seçer.

VERSİYON: CSS2

Örnek

* {
  background: blue;
}

Codepen Ön izleme

Tarayıcı Desteği
EVET EVET EVET EVET EVET
Posted on by Samed GÖZÜTOK 0