2011-12-15 5 views
0

Например:Использование пространства имен для связанных файлов CSS

<html> 
<head> 
    <link href="css/style1.css" type="text/css" /> 
    <link href="css/style2.css" type="text/css" /> 
</head> 

<body> 

<div>I want to use style1.css within this div<div> 
<div>I want to use style2.css within this div<div> 

<body> 

Есть ли способ Возможное сделать подобное?

Спасибо.

+0

Просто используйте один .css-файл и укажите свои соединения через ID –

+0

. Получили ли вы решение, которое вас устраивало? – SamStar

ответ

0

Как вы писали, это невозможно, но вы можете указать id и формат div для идентификатора. Поэтому вам нужно добавить только один файл css, который даст вам лучший обзор, structre и веб-сайт загружаются быстрее. HTML-разметка

<div id='first'></div> 
<div id='second'></div> 

и в CSS

#first{ 
    background-color:red; 
} 

#second{ 
    background-color:green; 
} 

с помощью идентификаторов вы убедиитесь, что доступ быстрее, чем при использовании классов. Если вы хотите по-разному стилизовать содержимое div, вы также можете это сделать.

1

В ваших двух файлах определяются разные классы div.

Например, в style1.css вы могли бы:

div.class1 
{ 
background-color: red; 
} 

И style2.css вы могли бы:

div.class2 
{ 
background-color: blue; 
} 

Затем измените свой код, чтобы отразить, где вы хотите, чтобы каждый стиль, то есть:

<div class="class1">I want to use style1.css within this div<div> 
<div class="class2">I want to use style2.css within this div<div> 
+0

Это ужасный неэффективный и необычный способ! –

+0

Скажите, что он использует шаблонный CSS-файл, который существует для каждой страницы, и не хотел бы загромождать это стилем страницы. Кажется, это не редкость для меня. – piebie

+1

@EvilP, ваш комментарий ужасно неэффективен и бесполезен, не объясняя ** почему ** ответ, как вы говорите. – ANeves

0

Если бы я был вами, я бы также использовал классы, чтобы определить, какие стили идут в div. Однако я бы не использовал отдельную таблицу стилей для каждого класса. Я бы объединил два класса в одну таблицу стилей, потому что, как сказал EvilP, загрузка двух отдельных файлов css может быть медленной. Кроме того, я бы избежал использования идентификаторов, в которых класс может эффективно выполнять работу, поскольку идентификатор используется только для таргетинга на один конкретный элемент, а класс не нужен, но может быть нацелен на несколько элементов. Таким образом, класс более универсален в целом.

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