#.net #asp.net #css
#.net #asp.net #css
Вопрос:
У меня есть файл .css, как показано ниже:
body {
background-color:#ffffff;
font-size:12px;
line-height:18px;
padding:0px;
margin:0px;
padding-top:10px;
}
ul,h1,h2,h3,li,p {
padding:0px;
margin:0px;
}
img {
border:0px;
}
.wrapper {
margin:0px auto;
width:98%;
border:solid 0px red;
}
Этот css применяется ко всем страницам моего веб-сайта. Если вы заметили, граница для всех тегов изображений установлена в NONE.
Теперь, только на определенной странице, у меня был тег изображения, как показано ниже:
<img border="1" src='../something'/>
Изображение отображается правильно, но границы нет. Мне нужно иметь границу для этого тега изображения, мне не обязательно использовать атрибут style, потому что этот тег изображения генерируется веб-редактором HTML, где он добавляет атрибут "border=1"
вместо атрибута style.
Как я могу этого добиться??
Есть ли способ удалить определенный класс css для страницы?
Другой способ, который я пытаюсь, — изменить клиентские события веб-редактора border=1
на style="border:1"
(это работает)
Комментарии:
1.
style = "border: 1px"
действительно, это лучшее решение проблемы.2. 1 — вы не можете отредактировать тег изображения с момента его создания? 2 — есть ли другие теги изображений на странице, которые не должны иметь границы?
Ответ №1:
Если вы можете однозначно идентифицировать родительский элемент, например, тег body:
<body id="myUniquePage">
затем вы можете создать более конкретный стиль для этой страницы:
#myUniquePage img {border: 1px solid red;}
Конечно, вы, вероятно, не хотите, чтобы все изображения на странице имели эту границу, поэтому вы хотели бы настроить таргетинг на более конкретный контейнер на странице…возможно, DIV, который окружает содержимое, созданное текстовым редактором.
Комментарии:
1. есть ли другие теги изображений на странице, которые не должны иметь границы? ДА
2. Изображения, которые вы хотите иметь рамку, находятся в той же области страницы?
Ответ №2:
Если вы можете добавить атрибут class к тегу body страницы, для которой вы хотите переопределить стиль по умолчанию, тогда вы могли бы определить переопределение для этой страницы с помощью CSS-селектора decendant следующим образом:
body.mypage img {
border:1px;
}
Однако вы должны знать, что это повлияет на каждое изображение на странице. Если вы хотите локализовать, где это переопределение вступает в силу, то вы могли бы применить тот же метод к контейнеру, расположенному ближе к рассматриваемому изображению (изображениям), например, содержащему div:
div.mydiv img {
border:1px;
}
Ответ №3:
Вы могли бы добавить вместо удаления.
Добавьте на страницу другую таблицу стилей со следующим стилем:
img {
border: 1px solid red; !important
}
поскольку оба тега идентичны, этот следует использовать вместо того, который определен в общем файле css.
Комментарии:
1. это относится ко всем тегам изображений, мне нужно применить границу только для определенного изображения, лучшее решение, я думаю: измените border = 1 на style =’border: 1′ в клиентских событиях веб-редактора (теперь мне нужно поискать в Google клиентские события веб-редактора infragistics !!!)
2. Да, если вы сможете справиться с этим, это было бы хирургическим решением, то, что я предлагаю, больше похоже на кувалдное решение.