是否可以将css文件包含在一个html标签中？

Question

我有超过ul列表，我问是否可以使每个列表导入不同的css文件。因为用不同的类名对所有这些类进行分类并不容易。

感谢

Answer 1

对于内联CSS（非外部文件），您可以使用scoped属性，但导航器支持为空（http://caniuse.com/#search=scoped）

在Google上搜索＆＃34;范围内的polyfill＆＃34; 。

你有一些来自github项目的结果，你可以尝试一下 https://github.com/PM5544/scoped-polyfill

Answer 2

使用导入功能：

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

Answer 3

我认为你错过了CSS的目的。

HTML是您的数据，具有潜在的无限标签名称。无论html标签是什么，CSS都可以为您的数据提供样式。

您可以实现您尝试使用JavaScript做的事情，但我真的不想让您这样做。

使用jquery：

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

此spinnet为您页面中的每个UL添加一个名为ul1.css，ul2.css的css文件。