Так что это был бы мой HTML:CSS Не претендуя к определенному элементу (DIV)

<body> 
     <section id="info"> 
      <div class="status"> 

...

Я пытаюсь стилизации div.status через мой файл CSS, прикрепленный к HTML файл и строка начинается как это

body section#info > div.status { ... }

Я не использую никаких свойств css3, и элемент не применяет ЛЮБОЙ из них. Я могу стилизовать внутренний элемент, хотя, используя символ «>» с прямым потомком. Чтобы сделать это, я просто скопировал строку до и завершил путь к элементу.

Я очень благодарен за некоторые мысли, спасибо!

источник

2014-09-05 Julián Abal

Он работает так, как полагают http://jsfiddle.net/s6tvvs9b/ –

Почему бы вам просто не использовать '.status {}' вместо 'body section # info> div.status {...}'? Разумеется, нет необходимости в том, что для одного простого селектора –

Код, как показано, работает, как http://jsfiddle.net/x6cjz27z/. Итак, покажите нам реальный пример, иначе мы не сможем сказать вам, где вы его испортили. – CBroe

В вашем файле CSS вы неправильно закрыли предыдущую строку 21, которая разбивала файл, вызывающий игнорирование всех строк за пределами строки 21.

div.map > .countries > #country

Должно быть

div.map > .countries > #country {}

(Или что вы собираетесь положить в этой декларации, а просто попытаться сделать его пустым сейчас и видим, если это решит проблему)

источник

2014-09-05 08:12:50 Lee

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

Я голосую за вас, не беспокоюсь – Luiggi

Просто с использованием

div.status { ... }

должно работать нормально, или

section#info div.status { ... }

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

источник

2014-09-05 08:03:54 Imamadmad

Это работает, просто проверьте, как css встроен в ваш html!

body section#info > div.status { color: blue; }

See Demo Here

Я думаю, что проблема в встраивание CSS в файл!

прямой записи между головным элементом, как этот

<head> 
    <style> 
     body section#info > div.status { color: blue; } 
    </style> 
</head>

Или, если это отдельный файл CSS! убедитесь, что путь правильный!

<head> 
    <link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head>

источник

2014-09-05 08:04:11 Suresh

Почему вы не просто пытаются использовать

.status 
{...}

Но ваш работает тоже.

источник

2014-09-05 08:08:21 MindlessRanger

Было бы более полезно объяснить, почему объявление CSS был прерван в этом случае – Lee

CSS Не претендуя к определенному элементу (DIV)

ответ

Это работает, просто проверьте, как css встроен в ваш html!

Смежные вопросы