CSS: шрифт жирный, но не должен

0

HTML:

<div id="e_ticket_info" class="e_ticket_font" runat="server" Visible="False">
    <p>
      Some text.
    </p>
</div>

CSS:

.e_ticket_font {
    font-weight: normal;
}

Код HTML находится на странице содержимого, которая находится внутри главной страницы.

Проблема в том, что текст выделен жирным шрифтом, но этого не должно быть.

Как я могу избавиться от него?

  • 2
    Вы можете воссоздать это в скрипке? Какой шрифт вы используете, если вы проверяете его в консоли, какие стили он наследует? Если все остальное терпит неудачу font-weight: normal !important; должен сделать трюк
  • 2
    вероятно, у вас есть какой-то другой css, потому что один этот фрагмент не сделает его жирным, см. здесь jsfiddle.net/JRfex
Показать ещё 1 комментарий
Теги:

5 ответов

1
Лучший ответ

Ответ Dipesh правильный. Я просто добавлю немного объяснений. CSS - это каскадная таблица стилей, означает, что стиль для любого элемента/класса /id может упоминаться в нескольких местах и применяться в том порядке, в котором они включены. В вашем случае какой-то другой стиль, кажется, переопределяет ваш стиль, чтобы сделать его смелым, поскольку ваш фрагмент не сделает его жирным.

Учитывая это, как общую наилучшую практику, всегда ориентируйте конкретные элементы, если вы не уверены, будет ли класс классифицирован в другом месте или нет.

Таким образом, .e_ticket_font p {... является prferable, чем .e_ticket_font {... Если есть несколько абзацев, и вы хотите, чтобы только некоторые из них были разными, снова используйте классы/идентификаторы, например

.e_ticket_font p#heading {...
.e_ticket_font p#content {...
.e_ticket_font p.specialpara {

и так далее.

Еще один способ убедиться в этом - применить css inline для этого элемента, но это не должно использоваться щедро для многих элементов, поскольку это влияет на принцип "структура должна быть отдельной, чем презентация"

Поделиться
  • 0
    Это не помогает
  • 0
    ты имеешь в виду, что ты пытался дать идентификатор этому пункту и все еще .e_ticket_font p # whateverid {... не работает?
Показать ещё 2 комментария
3

Пытаться

.e_ticket_font p {
    font-weight: normal;
}

потому что вы не нацеливаете p тэг.

Поделиться
  • 1
    Это исправит это, если проблема является правилом в другом месте (с менее определенным селектором), который делает элемент p жирным. Но было бы важно найти это другое правило и подумать, имеет ли оно смысл. В противном случае это может вызвать другие странные эффекты в будущем.
  • 0
    просто чтобы добавить к этому, он не должен быть менее конкретным селектором, он также сделал бы, если бы он был точно таким же
Показать ещё 6 комментариев
0

или (для каждого) элемента ниже.e_ticket_font:

.e_ticket_font * {
  font-weight: normal; 
}

Я рекомендую редкое использование! важно в случае побега, пузырящего ваш DOM

но ум детали селектора.. если есть какой-либо css-селектор, который описывает объект по прямому пути, например...

.e_ticket_info#e_ticket_info { 
  font-weight: bold;
}

... css выберет тот с привилегией!

Поделиться
  • 0
    Это не помогает
  • 0
    может быть, вы можете добавить больше кода? какой браузер вы предпочитаете?
0 
<div runat="server" Visible="False">
    <p class="e_ticket_font">
      Some text.
    </p>
</div>

CSS:

.e_ticket_font {
    font-weight: normal !important;
}
Поделиться
  • 0
    почему вы редактируете оригинальный html ... ??? вместо этого проверьте мой ответ ... вы можете сделать это, нацелив тег p
  • 0
    да, это также, как вы можете сделать ...
Показать ещё 3 комментария
0

попробуйте встроенный css, потому что если вы не знаете, есть ли другие классы css, указанные в главной странице для <P>

что-то вроде:

<div runat="server" Visible="False">
    <p style="font-weight: normal;" >
      Some text.
    </p>
</div>

он будет работать наверняка, тогда вы можете проверить другие ссылки css для <P>

Поделиться
  • 0
    Это не помогает

Ещё вопросы

Сообщество Overcoder
Наверх
Меню