pemilih terbitan

Pemilih terbitan membolehkan anda menggayakan teg berdasarkan konteks dokumen. Dengan bijak menggunakan pemilih terbitan, kami boleh menjadikan kod HTML kami lebih bersih. Contohnya, jika anda mahu elemen kuat dalam senarai bertukar merah dan bukannya hitam biasa, anda boleh menentukan pemilih terbitan seperti ini:

li strong{    color: red;
}

Sila perhatikan kod yang ditanda <li><strong> Konteks HTML

<p><strong>我是黑色,因为我不在列表当中,所以这个规则对我不起作用</strong></p>
        <u1>
            <li><strong>我是红色。这是因为 strong 元素位于 li 元素内。</li>
        </u1>

Kod lengkap adalah seperti berikut:

index.html

<!doctype html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="mycss.css" type="text/css">
    </head>
    <body>
        <p><strong>我是黑色,因为我不在列表当中,所以这个规则对我不起作用</strong></p>
        <u1>
            <li><strong>我是红色,这是因为 strong 元素位于 li 元素内。</strong></li>
        </u1>
    </body></html>

mycss.css

li strong{    color: red;
}

Hasil berjalan:

QQ截图20161011132215.png

hanya akan mempengaruhi gaya yang ditakrifkan dalam &slt fail html di atas ;li><strong> tanpa menjejaskan kandungan dalam <p><strong>

Meneruskan pembelajaran
||
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="mycss.css" type="text/css"> </head> <body> <p><strong>我是黑色,因为我不在列表当中,所以这个规则对我不起作用</strong></p> <u1> <li><strong>我是红色,这是因为 strong 元素位于 li 元素内。</strong></li> </u1> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!