К содержанию

Kesalahan dalam Menggunakan Beberapa Selektor CSS

Ingatkan, tentang kesalahan pemula: selektor .bbb.zzz dan selektor .bbb .zzz melakukan hal yang berbeda. Yang pertama mencari elemen yang memiliki dua kelas secara bersamaan, sedangkan yang kedua - mencari elemen dengan kelas zzz, yang berada di dalam elemen dengan kelas bbb.

Задание 1

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

cssh2.zzz {
  color: red;
}

Задание 2

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

cssh2 .zzz {
  color: red;
}

Задание 3

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

css.bbb.zzz {
  color: red;
}

Задание 4

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

css.bbb .zzz {
  color: red;
}

Задание 5

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

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

Задание 6

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

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

Задание 7

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

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

Задание 8

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

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

Задание 9

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

css#elem.bbb {
  color: red;
}

Задание 10

Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:

css#elem .bbb {
  color: red;
}