Мой CSS не работает

#html #css #asp.net

#HTML #css #asp.net

Вопрос:

я хочу применить следующий класс к моему элементу изображения :

 .laptopimage {
    width: 115px;
    height: 93px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid black;
} 
  

мой код в файле aspx.cs :

 Image image=new Image();
image.ImageUrl="~/Images/" p.ImagePath;
image.CssClass = "laptopimage";
  

полученный html-код :

 <img class="laptopimage" src="../Images/Laptop1.jpg"></img>
  

Я не могу понять, почему он не применяет css. Изображение по-прежнему отображается размером 1700×1700; Может кто-нибудь объяснить, почему это происходит?

Комментарии:

1. Трудно отлаживать с таким небольшим количеством кода — это может быть проблемой специфики, т.Е. Другое правило CSS переопределяет стили, установленные в laptopimage

2. вы добавили ссылку на файл css?

3. вы точно включили свой файл css?

4. вы можете попробовать !важное свойство

5. в первую очередь, никогда не ссылайтесь на изображение, разрешение которого превышает размер, который оно будет отображаться в Интернете. одна из причин в том, что он будет загружаться медленнее. очень ненужный, если это просто миниатюра

Ответ №1:

измените свой css и попробуйте с этим. Возможно, какой-то другой css перекрывает ваш laptopimage класс

 .laptopimage {
    width: 115px !important;
    height: 93px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid black;
} 
  

Комментарии:

1. Обычно его рекомендуется избегать !important вместо улучшения вашего кода и устранения основного конфликта… developer.mozilla.org/en-US/docs/Web/CSS /…

2. Не очень хорошая идея просто добавлять!важно волей-неволей без предварительного понимания основной причины, по которой ваш стиль не применяется.

3. итак, я попробовал это в Google Chrome, и это работает в Google Chrome. Я не могу понять, почему это не работает в mozzila firefox

4. @StefanP: в mozila нажмите Ctrl shift delete , чтобы очистить кеш

5. и да, его не рекомендуется использовать !важно. Но, по крайней мере, это даст вам несколько советов о css, который превосходит ваш текущий класс