Как применить стили файла к какому либо блоку?

Question

[Andrey Dyrkov]

Допустим у меня есть файл стилей default.css который содержит стили

body{
 font-family: "Tahoma";
 font-size: 14px;
}
p{
 background:green;
 padding:15px;
}

и есть стили которые я применяю к самой странице

body{
 font-family: "Arial";
 font-size: 12px;
}
p{
 background:red;
}

Пусть в этом файле будет блок .main-view
к которому я хочу применить стили default.css и стили этого файла не должны конфликтовать с стилями основными. Как это сделать? (без frame)

Answer 1

[Александр Таратин]

По-человечески никак.
Вам нужен https://www.google.ru/search?q=bem&oq=bem&aqs=chro...

Answer 2

[zooks]

Сделай грамотное перекрытие стилей.

Answer 3

[Mycolaos]

Добавьте классы и переключайтесь между ними.

body, .external{
font-family: "Tahoma";
font-size: 14px;
}
p, .external{
background:green;
padding:15px;
}

body, .internal{
font-family: "Arial";
font-size: 12px;
}
p, .internal{
background:red;
}

Comments

[Andrey Dyrkov]

Это сработает,но получиться что нелзя указывать не одного уникального стиля и нельзя использовать неодни framework.

[Mycolaos]

Как это "нельзя указывать ни одного уникального стиля"?

[Andrey Dyrkov]

Mycolaos: сори)) не уникального а универсального, стили для всех h,p. Я уже разобрался, предёться тупо iframe делать, либо париться и иметь фиговую производительность

[Mycolaos]

Почему нельзя? Можно! Посмотрите внимательно на код, я писал через кому элементы для которых будут определяться стили . Например: 'p, .internal {background-color: green;} ' — это значит что стиль будет применяться для всех элементов 'p' и элементов класса .internal.

Внимание! Css сначала определит стили для элементов 'p', а потом для элементов класса .internal. Это значит, что если отдельно, лишь для элементов 'p', Вы определите фон:красный и паддинг: 15пикселей, а потом к этим элементам добавите атрибут класс с фоном:зеленым, то — цвет фона сменится, а паддинг останется 15px.