CSS: использование .contentHere против div.contentHere

Question

Я видел довольно много обоих примеров.

Допустим, у вас есть

<div class="contentHere"></div>

Итак, в css оба метода правильны?

Метод 1: .contentHere { }

Метод 2: div.contentHere { }

Пожалуйста, сообщите.

Спасибо

Answer 1

Да, в любом случае это нормально.div.contentHere является более конкретным и применяется только к <div> элементам с этим классом, тогда как .contentHere не зависит от типа.

Обратите внимание, что если указать оба , стили объявлены в div.contentHere переопределит те, что в .contentHere в каскаде , поскольку первый имеет большую специфичность.

Answer 2

.contentHere будет применяться к ЛЮБОМУ элементу с class = "contentHere" будь то span, div, p, td и т. Д.

div.contentHere будет применяться только к элементам div с class = "contentHere".

Answer 3

Первый метод будет применяться к любому элементу, который имеет класс «contentHere».

Второй метод будет применяться только к <div> элементам, которые имеют класс "contentHere".