CSS: Я пытался изменить внешний вид изображений в HTML, но это не сработало

#html #css

#HTML #CSS

Вопрос:

Я добавил пару тегов в HTML(уже связанных с CSS):

lt;img src="../html/img/image1.jpg"gt;

lt;img src="../html/img/image2.jpg"gt;

и мой CSS был закодирован так:

 img[src^="../html/img/"]{  border: 10px solid black; }

Однако это не применялось к обоим тегам в HTML, независимо от того, сколько раз я обновлял веб-страницу.

Не могли бы вы сказать мне, пожалуйста, почему мой селектор атрибутов css не работает? Спасибо!

1. Вы пробовали очистить кэш? Перезагрузите страницу, Ctrl F5 чтобы ваш браузер не использовал устаревшую версию CSS.

2. Спасибо, я уже пытался, но все равно результат тот же ……

Ответ №1:

Если вы хотите применить его к обоим тегам img, вы можете просто сделать

 img {  border: 10px solid black; }

Ответ №2:

Как насчет этого селектора?

 img[src*="/html/img/"]{  border: 10px solid black; }

1. Спасибо, но результат тот же. Имеет ли это какое-то отношение к браузеру или редактору, которым я пользуюсь? Кстати, я использую Edge и Sublime Text соответственно.

2. Какова ваша версия edge?

3. Это 96.0.1054.34

4. Закройте окно и снова откройте html или что-то еще в новом окне.

5. все еще не работает smh. Спасибо, братан, что не торопишься отвечать мне, может быть, это временно или какие-то другие технические проблемы.

Ответ №3:

Попробуй это … вы просто выбираете img, а не src или другой код….

 img{ border: 10px solid black };

Ответ №4:

Ваш вопрос основан на том факте, что ваш код не работает, но он работает:

 img[src^="../html/img/"]{  border: 10px solid black; }

 lt;img src="../html/img/image1.jpg"gt;  lt;img src="../html/img/image2.jpg"gt;  lt;img src="not-bordered.jpg"gt;

Я предлагаю вам поискать проблему в другом месте.

1. да…вот почему меня очень беспокоит эта проблема, потому что я не могу понять, что происходит на самом деле. Спасибо, братан, за тестирование, в конце концов я все улажу. Хорошего вам дня!

2. Попробуйте отключить кэш, f12 -gt; сеть -gt;gt; отключить кэш