DIV с отдельным файлом CSS в том же документе?

Возможно ли иметь отдельный файл CSS для div в документе. Этот DIV не должен наследовать никаких свойств из других файлов CSS, которые включены в эту страницу. Я попытаюсь сделать это более понятным в следующих строках. Я ожидаю чего-то подобного.DIV с отдельным файлом CSS в том же документе?

<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en"> 
    <head> 
     <link rel = "stylesheet" type = "text/css" href = "main_style.css" /> 
    </head> 
    <body> 
     <div class="main"> 
      <div rel = "stylesheet" href = "sub_style.css"> <!-- This with seperate stylesheet.--> 
       <!-- 
       Elements here will have style only from sub_style.css and not from main_style.css 
       --> 
      </div> 
     </div> 
    </body> 
</html>

Edit: Если это не представляется возможным с DIV, мы можем достичь его с помощью IFRAME?

источник

2013-09-13 Nauphal

Создайте свой собственный класс, который не упоминается в 'main_style.css', и создайте для него стиль в' sub_style.css'. Прежде чем вы можете его нормализовать. –

Короткий ответ НЕТ, если вы хотите, чтобы предотвратить div наследовать стили из других стилей, единственный способ сделать это, чтобы переопределить стили, либо с помощью более конкретных селекторов или с помощью !important, я бы предпочел конкретных селекторов.

Например, у Вас есть что-то вроде ниже фрагмент кода в таблице стилей 1

div { 
    color: #f00; 
    font-weight: bold; 
}

и вы имеете ниже в таблице стилей 2

div { 
    font-weight: normal; 
}

В этом случае шрифт будет нормально div, так как он переопределен, но цвет будет #f00, для того чтобы иметь другой цвет, вам необходимо указать color в вашем stylesheet 2 тоже ...

Если вы хотите целевой div конкретно, я хотел бы предложить вам использовать id, который будет уникальным, и чем писать соответствующие стили для конкретного div

Например

<div id="unique_element"></div> 

div#unique_element { 
    /* Define styles here, or override the previous */ 
}

Таким образом, с использованием id ваша специфика будет увеличиваться в большей степени, также вы можете настроить таргетинг на конкретный div

Как вы редактировали ваш вопрос, если вы хотите использовать iframe, чем да, вы можете использовать <style> блоки внутри этого документа и стиль, который div

источник

2013-09-13 05:10:31

Вы не можете связать файл CSS с DIV. Но с помощью id (#) или класса (.) С правильными селекторами вы можете создать независимый стиль для этого элемента div.

источник

2013-09-13 05:15:14 Avdhut

DIV с отдельным файлом CSS в том же документе?

ответ

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