Rumah > Artikel > hujung hadapan web > Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya
Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya
- WBOYasal
- 2021-12-01 15:22:254555semak imbas
Dalam css, anda boleh menggunakan pemilih "#id" untuk memilih objek elemen HTML yang ditentukan berdasarkan nilai id dan menambah kod gaya baharu pada objek elemen Sintaksnya ialah "#id value {. kod gaya css;
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Bagaimana untuk mendapatkan elemen nilai id dalam css dan menukar gayanya
Kita boleh mendapatkan nilai id yang ditentukan melalui elemen pemilih #id dan menukar gaya, pemilih #id menetapkan gaya untuk elemen dengan id yang ditentukan.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#id1{
background-color:yellow;
}
#id2{
background-color:green;
}
</style>
</head>
<body>
<p id="id1">argargargaegaeg</p>
<p id="id2">agrwargarwgarg</p>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css )
Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel berkaitan
Lihat lagi- Bagaimana untuk menetapkan kesan kabur Gaussian dalam css
- Bagaimana untuk menukar saiz bulatan dengan css
- Bagaimana untuk mencapai kesan putaran lawan jam pada elemen hover tetikus dalam css
- Bagaimana untuk menukar warna latar belakang div dengan css
- Bagaimana untuk menetapkan ketinggian paparan teks dan menyembunyikan bahagian yang berlebihan dalam css