2015-04-15 3 views
-6

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

благодаря

+0

что вы подразумеваете под импортом? – madalinivascu

+0

Трудно дать каждому списку имя класса, но было бы проще импортировать отдельный файл CSS для каждого из них? – JJJ

+0

все ли они в одном файле html? –

ответ

0

я думаю, что вы упускаете цель CSS.

HTML - это ваши данные с потенциальными неограниченными именами тегов. CSS здесь для профайлинга для ваших данных, независимо от тега html.

Вы можете добиться того, что вы пытаетесь сделать с помощью JavaScript, но я действительно не заставляю вас делать это именно так.

С JQuery:

$("ul").each(function(index) { 
     $("head").append("<link href='css/ul"+index+".css' rel='stylesheet' type='text/css'>"); 
    }); 

Это Спиннеты добавить файл CSS с именем ul1.css, ul2.css для каждого UL вы получили на вашей странице.

+0

Спасибо @Mat, это умное решение, но я отвечу на ваш совет. –

+0

Вы можете проверить aswer так;) – Mat

1

Для встроенного CSS (не внешний файл), вы можете использовать scoped атрибут, но поддержка навигатор является нулевым (http://caniuse.com/#search=scoped)

Поиск "область видимости polyfill" на Google.

У вас есть результаты от проекта github, который вы можете попробовать.
https://github.com/PM5544/scoped-polyfill

+0

Спасибо за ответ. Я буду использовать область, если я не найду ответ. –

1

Использование функции импорта:

<ul style="@import url('ulx.css');"> 
+0

Спасибо @madakin, я сеял его раньше, но не работал, я снова проверю его –

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