Использование CSS3: не селектор с IE - использование Prototype - PullRequest
Новая
       13

Использование CSS3: не селектор с IE - использование Prototype

1 голос
/ 25 октября 2010

Мне нужно добавить стиль CSS к контенту <div>, который присутствует на всех страницах моего сайта.Однако я не хочу использовать новый стиль на домашней странице.

Все страницы сайта имеют схожую структуру: заголовок <div> с панелью навигации, за которым следует содержание <div> ссодержимое страницы.

Лучшее, что я могу придумать, это добавить div обертки непосредственно под div содержимого на главной странице, например так ... 

<div id="content">
   <div id="homepage_content">
      ....homepage content....

Затем я могу применить свой стильвесь контент <div> с использованием селектора :not, поэтому элементы в homepage_content не включены.

Это не будет работать в IE.Я видел обходные пути jQuery для этого, но мы используем Prototype на моем сайте.

У кого-нибудь есть идеи для меня?

Спасибо!

Ответы [ 2 ]

1 голос
/ 26 октября 2010

Вы можете использовать следующий HTML-код на домашней странице: 

<div id="content" class="home-page">

И следующий HTML-код на каждой другой странице: 

<div id="content" class="regular-page">

Затем добавьте свой стиль CSS следующим образом: 

#content.regular-page {
    /* Styles here */
}
1 голос
/ 25 октября 2010

НЕ на самом деле пока не вариант .

Конечно, для этого есть обходные пути на основе прототипов, но, вероятно, было бы гораздо предпочтительнее чистое решение CSS.

Может быть, есть обходной путь, добавив еще один невидимый контейнер вокруг других объектов? 

<div id="content">
   <div class="other_elements">
    .... the other elements you want to style ....
   </div>
   <div id="homepage_content">
      ....homepage content....
</div>

, а затем обращаться к другим объектам, таким как 

#content .other_elements elementname {  ...... }

будет ли это возможно, будет зависеть от вашей структуры CSS.

...