К содержанию

Birden Fazla CSS Seçici Kullanımında Yapılan Hata

Yeni başlayanların yaptığı hatayı hatırlatıyorum: .bbb.zzz seçicisi ve .bbb .zzz seçicisi farklı şeyler yapar. Birincisi aynı anda iki sınıfa sahip olan elementi ararken, ikincisi - bbb sınıfının içinde bulunan zzz sınıfına sahip elemanı arar.

Задание 1

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

cssh2.zzz {
  color: red;
}

Задание 2

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

cssh2 .zzz {
  color: red;
}

Задание 3

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb.zzz {
  color: red;
}

Задание 4

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb .zzz {
  color: red;
}

Задание 5

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb.zzz.xxx {
  color: red;
}

Задание 6

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb .zzz.xxx {
  color: red;
}

Задание 7

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb.zzz .xxx {
  color: red;
}

Задание 8

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css.bbb .zzz .xxx {
  color: red;
}

Задание 9

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css#elem.bbb {
  color: red;
}

Задание 10

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

css#elem .bbb {
  color: red;
}