Saya mencoba mengubah warna tautan di dalam tag h1. Kode html sebagai berikut:

    <h1 class="redheadline">
    <a href="">Link text color here..</a> 
    </h1>

Kode css yang saya coba gunakan adalah:

h1.redheadline {font-size: 1.75rem; color:red;}

Ukuran font berubah tetapi warna teks tautan tidak berubah. Di mana dalam kode css saya harus menambahkan warna? Terima kasih!

2
falcon356 10 Januari 2021, 22:48

3 jawaban

Jawaban Terbaik
  1. h1.headline dan <h1 class="redheadline"> mereka bukan nama kelas yang sama.
  2. Karena elemen <a> memiliki warna default, ia tidak menerima warna dari induknya.

Default Chrome:

enter image description here

Untuk melakukan ini adalah dengan menentukan kelas yang benar untuk menimpa atribut default dari elemen.

Kembali ke pertanyaan Anda, kita harus mendefinisikan sebagai h1.redheadline a { ... }.

Anda dapat menjalankan cuplikan kode.

h1.redheadline {
  font-size: 1.75rem;
}

h1.redheadline a {
  color: red;
}
<h1 class="redheadline">
  <a href="">Link text color here..</a>
</h1>

Untuk pertanyaan kedua Anda:

h1.redheadline a {
  font-size: 3rem;
  color: red;
}
<h1 class="redheadline">
  <a href="">Link text color here..</a> Pure Heading Text Here...
</h1>
2
BOZ 10 Januari 2021, 20:13

Nama kelas yang Anda berikan pada tag h1 dalam kode html adalah redheadline, tetapi Anda mencoba menerapkan gaya pada h1.headline. Oleh karena itu tidak menerapkan gaya dengan benar.

Anda harus menggunakan nama kelas yang benar.

h1.redheadline{font-size: 1.75rem; color:red;}
2
Dharman 10 Januari 2021, 19:56

Nama kelas css Anda tidak cocok dengan 'redheadline'.

-1
John Benfer 10 Januari 2021, 19:52