Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya-tutorial css-php.cn

Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya

WBOY

Lepaskan： 2021-12-01 15:22:25

asal

4557 orang telah melayarinya

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;

Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya

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>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk mendapatkan elemen dengan nilai id dalam css dan menukar gayanya

(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!