#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; }
Комментарии:
1. Это также будет применяться ко всем другим изображениям, которые не соответствуют требуемому шаблону.
Ответ №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 };
Комментарии:
1. Он хочет выбрать изображения в папке html/img/.
Ответ №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; отключить кэш