CSS3 :disabled Seçicisi

:disabled Seçicisi

Seçimi engellenmiş elementleri seçmek için kullanılır.

Versiyon:CSS3

Örnek

input[type="text"]:disabled {
    background: red;
}

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/gPmGGm/">:disabled Seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


4.0	3.5	9.0	3.2	9.6

Posted on 6 Ocak 20169 Ocak 2016 by Samed GÖZÜTOK 0

CSS ::before Seçicisi

::before Seçicisi

Belirtilen elementin öncesine bir şey eklemek için kullanılır.

Versiyon: CSS2

Örnek

a::before {
  content:'tıkla -'
}

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/pgRZZg/">::before seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


4.0	3.5	9.0	3.1	7.0

Posted on 4 Ocak 20169 Ocak 2016 by Samed GÖZÜTOK 0

CSS3 [attribute$=value] Seçicisi

[attribute$=value] Seçicisi

Belirtilen değerle biten tüm elementleri seçer.

Versiyon: CSS3

Örnek

span[class$="w3tr"] {
  display:block;
  font-size:30px;
  color:red;
}

Codepen Ön izleme

w3tr

See the Pen [attribute$=value] Seçici by W3TR (@w3tr) on CodePen.

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

Posted on 2 Ocak 20169 Ocak 2016 by Samed GÖZÜTOK 0

CSS3 [attribute^=value] Seçicisi

[attribute^=value] Seçicisi

Sadece belirtilen öznitelik değeri ile belirtilen değere ait elementi seçmek için kullanılır.
Versiyon: CSS3

Örnek

div[class^=w3tr]{
  background: red;
}

Codepen Ön izleme

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

Posted on 2 Ocak 20169 Ocak 2016 by Samed GÖZÜTOK 0

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

See the Pen <a href="http://codepen.io/w3tr/pen/JGERWe/">[attribute~=value] Seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

Posted on 2 Ocak 20169 Ocak 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/LGxRxq/">[attribute=value] Seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

Posted on 2 Ocak 20169 Ocak 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/wMgzoG/">[attribute] Seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

Posted on 2 Ocak 20169 Ocak 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/QyGRMZ/">* Seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


EVET	EVET	EVET	EVET	EVET

Posted on 31 Aralık 20159 Ocak 2016 by Samed GÖZÜTOK 0

CSS .class Seçicisi

.class Seçicisi

html atadığımız sınıfları belirterek özellik atamak için kullanılır.

VERSİYON: CSS 1

Örnek

.w3tr {
  background: red;
}

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/zroQNO/">.class seçici</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Tarayıcı Desteği


EVET	EVET	EVET	EVET	EVET

Posted on 31 Aralık 20159 Ocak 2016 by Samed GÖZÜTOK 0

HTML, CSS

:disabled Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

::before Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

[attribute$=value] Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

[attribute^=value] Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

[attribute~=value] Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

[attribute=value] Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

[attribute] Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

* Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği

.class Seçicisi

Örnek

Codepen Ön izleme

Tarayıcı Desteği