Как сделать CSS-стили в теле документа только для div - PullRequest
Новая
       32

Как сделать CSS-стили в теле документа только для div

2 голосов
/ 02 марта 2011

На базовом уровне имеем: 

<html>
   <head>
   </head>
   <body>
      <div id="Template"></div>
      <div id="Content">
         <style>h1... h2....</style>
         <h1></h1><p></p>.... (Content)
      </div>
   </body>
</html>

Как я могу получить тег стиля в 'Content', чтобы он применялся только к элементу Content, а не ко всей странице, но я не могу изменить содержимое тега style (т.е. добавление #Content перед каждым объявлением не будет работа)

Мы извлекаем содержимое из Документов Google и хотим использовать их таблицу стилей в документе для стилизации содержимого, не разрушая шаблон вокруг документа.

Пока что - iFrame кажется единственным вариантом, я просто не хочу, чтобы контейнер был фиксированной высоты ...

Ответы [ 4 ]

2 голосов
/ 02 марта 2011

Возможно, вы можете сделать свои правила стиля для вашего шаблона более конкретными, чем правила Google, чтобы ваш шаблон всегда использовал ваши правила, а не правила Google.

1 голос
/ 02 марта 2011

Правило важности решает это? http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

1 голос
/ 02 марта 2011

Вы можете использовать jQuery для изменения размера iframe, если для вас меньше головной боли:

http://www.phinesolutions.com/use-jquery-to-adjust-the-iframe-height.html

0 голосов
/ 02 марта 2011

теги стилей должны быть только в разделе заголовка.

Чтобы стили внутри него могли применяться только к элементам в теге «Содержимое», добавьте префиксы к следующим элементам: 

#Content h1{
  /*only styles for h1 tags inside the Content element*/
}
#Content p{
  /*only styles for p tags inside the Content element*/
}

PS Хотя тег стиля должен находиться в голове, большинство браузеров позволяют размещать их где угодно.Преимущество помещения его в заголовок заключается в том, что его можно проанализировать и быть готовым к применению до того, как вы отобразите любые элементы DOM, которые могут ему соответствовать ... таким образом, избегайте "FOUC" (Flash Of Unstyled Content)

...