Стиль CSS-селектора

Question

Простой вопрос, и, вероятно, отражает мою неопытность с CSS, но ...

При создании таблицы стилей мне нравится явно указывать подстановочный знак '*', поэтому:

*.TitleText {

вместо

.TitleText {

Я считаю, что это напоминает мне, что TitleText применяется к «любому» тегу и может быть переопределен последующим h1.TitleText. Может быть, мне просто нравится это, потому что в течение долгого времени я не понимал всю эту концепцию селектора CSS должным образом, и когда я понял, что второе (выше) было просто сокращением для первого, многие вещи «щелкнули».

Является ли то, что я делаю, плохой практикой, хорошей практикой или ни здесь, ни там?

Answer 1

Я думаю * неявно, поэтому они делают то же самое.

Я не уверен, но это может вызвать некоторые проблемы, если вы сделаете это так:

span.style { color: red; }
*.style { color: blue; }

Стиль *, вероятно, переопределит стиль диапазона. Хотя я могу ошибаться, поскольку span.style - более специфичный селектор.

Я думаю, это довольно забавно, что ты так поступаешь, хотя я и понимаю, почему! Вы используете синтаксис приглашения / оболочки DOS с вашим CSS. В конце концов, вы могли бы запутать себя, думая об этом дальше, поскольку в командной оболочке вы смотрите на расширение файла, а в CSS оно фактически отображается на класс.

Итак, я имею в виду, что он работает для селекторов классов, но вроде селекторов идентификаторов. Например:

span#id { ... }
*#id { ... }

... и он больше не похож на синтаксис оболочки. :) Лично я бы не сделал это так, как вы, потому что это может сбить с толку, но я не думаю, что вы что-то ломаете.

Answer 2

Не думаю, что это имеет значение, но ни один из примеров, которые я когда-либо видел, когда я учился, не использовал этот формат подстановочных знаков, поэтому я научился обходиться без звездочки.

Кроме того, ни один из инструментов, генерирующих CSS, не делает этого таким образом, поэтому, используя звездочку, вы рискуете автоматизировать инструмент, уничтожая ваш формат, если вы когда-нибудь решите поместить свой CSS в такой инструмент.

Просто для согласованности с большинством других веб-разработчиков, я, вероятно, рекомендую покончить со звездочкой, чтобы вам не приходилось иметь дело с другим разработчиком, спрашивающим, почему вы поставили звездочку там.