2009-11-11 2 views
0

Мне нужно реализовать две разные таблицы стилей на одной главной странице. одна таблица стилей разработана специально для проекта и отлично работает. но когда я добавляю к нему вторую таблицу стилей, которая используется для какого-то другого проекта, все формы веб-контента выглядят странно. Каков наилучший способ реализации этих двух таблиц стилей в проекте?css stylesheets

+0

Почему вы перепроведении ваши вопросы? Почему вы не редактируете старый вопрос? – Shoban

+2

@Shoban: возможно, потому что независимо от того, насколько хорошо вы редактируете свой вопрос, никто не будет читать его, когда он будет опущен 6 раз. : p – peirix

+0

@shreya: по крайней мере удалить предыдущий вопрос .... – RageZ

ответ

3

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

1

Что такое «странно» ... Как они выглядят? Как один из StyleSheets совсем не применяется или как они оба переопределяют себя?

В моделях WebControls нет ничего особенного, так как вы не должны полагаться на «идентификатор», который вы установили в качестве ссылки css, как и во время выполнения, идентификаторы любых элементов управления на ASP-странице переназначаются.

Поэтому вы должны стараться избегать использования одного и того же идентификатора для CodeBehind-Access на элементе управления и для моделирования того же элемента управления.

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

* { 
padding: 0; 
margin: 0; 
} 

, который переопределяет правила другой STYLESHEET в.

Это очень трудно, чтобы помочь вам так мало информации ...

0

Не определяйте же стили классов в двух файлов стилей , а также не определяют стили для HTML элементов, как тело, отд, тр. ..etc в двух файлах.

E.G.

stylesheet1.css:

body 
{ 
background-color:#F1F1F1; 
padding:10px; 
} 
.search 
{ 
background-color:#0000FF; 
margin:3px; 
} 

stylesheet2.css:

body 
{ 
background-color:#FFFFFF; 
padding:15px; 
font-size:12px; 
} 
.search 
{ 
background-color:#000000; 
margin:3px; 
} 
Смежные вопросы