Блог

Главная - Вопросы по программированию - удалить определенный класс css для конкретной страницы .aspx

удалить определенный класс css для конкретной страницы .aspx

#.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. Да, если вы сможете справиться с этим, это было бы хирургическим решением, то, что я предлагаю, больше похоже на кувалдное решение.