Мнемоника CSS: Как вы помните, # или. для класса или ID? - PullRequest
8 голосов
/ 20 февраля 2011

#test - это селектор для id="test"

.test - это селектор для class="test"

, но как вы помнят, в какую сторону ониявляются (например, нет. = id)

Ответы [ 6 ]

11 голосов
/ 20 февраля 2011

Ну, на самом деле эти вещи настолько распространены, что большинству людей не нужны мнемоники, чтобы помнить их, но вот что я придумал, если это поможет:

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

В терминах URL-адреса # обозначает якорную ссылку на конкретное место в документе.Это относится только к одному месту.С помощью CSS с помощью идентификаторов вы обозначаете один стиль для отдельного определенного элемента.

6 голосов
/ 08 апреля 2014

Если полицейский поймает вас с «хэшем», он попросит показать ваше удостоверение личности.Если нет, вы можете остаться стильным.Это действительно глупо, но я так помню.

5 голосов
/ 23 октября 2015
  • Абонент ID показывает телефон # .
  • Периоды круглые, как жемчужины, и ... Жемчуг стильный .

(PS: Что со всеми комментариями типа «ты учишься не так, как я, поэтому ты сосешь»?На самом деле, чем страннее , тем легче запомнить! )

2 голосов
/ 20 февраля 2011

Я узнал это так же, как я узнал, что кавычки (а не круглые скобки) используются для значений атрибутов - вводя их пару раз.

Если вас или ваших знакомых опрокидывают # против ., тем не менее, учтите, что многие языки программирования используют . для доступа к членам объекта с типом класса.

1 голос
/ 09 января 2017

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

0 голосов
/ 20 февраля 2011

Потратьте много времени на написание CSS.Если вы ошиблись достаточно раз, ваш мозг смирится и сохранит это.

...