класс, применяемый для применения стилей к нескольким элементам, но также используя id, мы можем применять стили. В чем разница? - PullRequest
Новая
       2

класс, применяемый для применения стилей к нескольким элементам, но также используя id, мы можем применять стили. В чем разница?

0 голосов
/ 25 февраля 2020 

<!DOCTYPE html>

<html>
    <head>
        <style>
        #p01
        {
        color: blue;
        }
        </style>
    </head>
    <body>
        <div id="p01">

            <p>I am different.</p>
            <p>Second Option</p>

        </div>

    </body>
</html>

 

<!DOCTYPE html>
<html>
    <head>
        <style>
         .p01 {
          color: blue;
         }
        </style>
    </head>
    <body>
        <div class="p01">

            <p>I am different.</p>
            <p>Second Option</p>

        </div>

    </body>
</html>

На многих веб-сайтах упомянутый id используется, когда стиль уникален только для определенного элемента, но id также может использоваться для нескольких элементов с одинаковым id , Для двух вышеуказанных кодов HTML я получаю одинаковый вывод. Тогда в чем же разница между ними?

1 Ответ

0 голосов
/ 25 февраля 2020

Ничего страшного, когда вы выполняете задание (не уверен, что ваш преподаватель будет доволен). Это определенно не хорошо, когда вы работаете над реальным проектом. Не хорошо для SEO, маяк Google будет помечать это как плохую практику, и вы никогда не узнаете, как Javascript будет работать с несколькими идентификаторами в разных браузерах. Прочитайте это для получения дополнительной информации: Два HTML элемента с одинаковым атрибутом id: Насколько это плохо на самом деле?

...