Perbaiki kode CSS ini

pemrograman


Ini adalah instruksinya:

Buka file style.css.

Tambahkan aturan CSS untuk elemen body yang menyetel warna latar belakang ke #E0E0E2.

Tambahkan aturan CSS untuk elemen h1 yang mengatur warna teks menjadi: #721817.

Tambahkan aturan CSS untuk elemen h2 yang mengatur warna teks menjadi: #721817.

Tambahkan aturan CSS untuk kelas CSS teks tengah yang menyelaraskan teks ke tengah.

Tambahkan aturan CSS untuk elemen HTML dengan logo id. Atur margin kiri dan kanannya menjadi otomatis dan ubah tampilannya menjadi elemen blok.

Tambahkan aturan CSS untuk semua elemen span yang merupakan turunan dari elemen h2 yang menetapkan warna teks menjadi #FA9F42 dan ukuran fontnya menjadi 0,75em.

Tambahkan aturan CSS untuk elemen HTML dengan hak cipta id. Atur padding atasnya menjadi 12 piksel dan ukuran fontnya menjadi 0,75em

CSS
body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

Kesalahan yang muncul adalah sebagai berikut:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

Apa yang saya coba:

Saya sudah mencoba memasukkan kembali warna dan juga mengetik ulang ukuran font yang diminta.

Solusi 3

Peringatan: Saya benar-benar pemula dengan CSS, tetapi setelah beberapa pembacaan saya akan mengatakan pemilihnya span tag di dalamnya h2 tag adalah h2 > span. Oleh karena itu, aturan ‘Tambahkan aturan CSS untuk semua elemen span yang merupakan turunan dari elemen h2 yang menyetel warna teks ke #FA9F42 dan ukuran fontnya menjadi 0,75em.’ akan:

h2 > span {color: #FA9F42; font-size: 0.75em;}

Perlu diingat bahwa tidak memilih tag rentang bersarang.

Solusi 1

Kesalahan memberi tahu Anda apa sebenarnya yang salah. Lihat di CSS Anda dan temukan deskriptor elemen h2, lalu lihat propertinya dan Anda tidak akan menetapkan nilainya sesuai yang diharapkan.

Hal yang sama juga berlaku untuk “hak cipta”.

Ini adalah pekerjaan rumah Anda, jadi saya tidak akan memperbaikinya untuk Anda. Anda tidak akan belajar apa pun jika saya melakukannya.

Solusi 15

tubuh{
warna latar :#E0E0E2;

}
jam1{
warna: #721817;
}
rentang h2{
warna: #721817

}
.teks tengah{
perataan teks: tengah;
}
#logo{
margin-kiri: otomatis;
margin-kanan: otomatis;
tampilan: blok;
}

h2 > rentang {
warna: #FA9F42;
ukuran font: 0,75em;
}
#hak cipta {
padding-atas: 12px;
ukuran font: 0,75em;
}

コメント

タイトルとURLをコピーしました