Что случилось с CSS?

Question

Я новичок в CSS. Посмотрите на картинку:
http://i.stack.imgur.com/Y9X6K.jpg

Почему img{border:2px,solid,red;} справа является линейным, а в браузере изображение не имеет границы.

Кто-нибудь может сказать мне причину?

Answer 1

Использование правила css в инструментах разработчика, таких как chrome, означает, что правило не применяется.В вашем случае это потому, что ваш CSS является недействительным, не должно быть запятых, т.е.

img { border:2px,solid,red; } /* invalid css */ 

img { border: solid 1px red; } /* valid css */

это распространяется на все сокращенные правила CSS, то есть

p { margin: 0 10px 0 10px; }

Это также может означать, чтопереопределенный где-то еще, вы можете использовать !important в конце объявления для принудительного применения стиля, т.е.

img { background: red !important; }

Answer 2

Удалите запятые, потому что ваш оператор CSS неверен, поэтому в инспекторе содержится предупреждение:

img{border:2px solid red;}

Answer 3

Просто удалите эти запятые и сделайте свой CSS следующим образом

img {
  border:2px solid red;
}

Для определения нескольких классов CSS используется несколько запятых. Для получения дополнительной информации проверьте эту ссылку