Переопределение таблицы стилей агента пользователя - PullRequest
Новая
       3

Переопределение таблицы стилей агента пользователя

2 голосов
/ 21 июля 2011

По какой-то причине мой сайт не использует мои стили!

У меня есть это в моей таблице стилей: 

#nav {
  margin: 15px 0 15px 0;
  padding: 0;
  width: 965px;
  background: #ffffff;
  border-bottom: 0px #f2e9e1 solid;
  height: 2.1em;
}

#nav ul {
  display: block;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 17px;
  list-style: none;
  z-index: 90
}

#nav ul li {
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 1.0px;
  line-height: 17px;
  list-style-type: none;
  white-space: nowrap;
}

#nav ul li a {
  float: left;
  display: block;
  width: auto;
  font-weight: normal;
  background: transparent;
  text-decoration: none;
  color: #1c140d;
   margin: 0;   
}

Часть моего HTML: 

<div id="nav">
    <ul class="level1">
            <li><a href="http://comparative-legumes.org/development_activities">Development</a></li>
            <li class="sep">|</li>
            <li> <a href="#" class="no_cursor">Search</a>
                    <ul class="level2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; ">
                            <li><a href="http://search.comparative-legumes.org">Seqqle search by sequence</a></li>
                            <li><a href="http://soybase.org:8085/cvits/new">CViT search tool</a></li>
                            <li><a href="http://soybase.org:8085/gene_families">Leggle search</a></li>
                    </ul>
            </li>

Но мои инструменты разработчика говорят, что соответствующие правила CSS для первого

- это li вместо #nav ul li.

Есть идеи?

Ответы [ 2 ]

2 голосов
/ 21 июля 2011

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

Также, если можете, укажите URL, на который мы можем посмотреть.

0 голосов
/ 21 июля 2011

Ваш HTML / CSS, кажется, работает как задумано;Я вижу, что |становится красным, когда я добавляю color: red; к правилу #nav ul li .Здесь должно быть что-то еще (таблица стилей искажена или не загружена, другой код).

...