Html 如何将css样式从文件添加到链接<；a>；_Html_Css

Html 如何将css样式从文件添加到链接<；a>；

html css

Html 如何将css样式从文件添加到链接<；a>；,html,css,Html,Css,我有一个链接，我希望有一个特定的css它 css文件名为：my_django.css，其中包含以下[snap]数据： .selectize-control.multi .selectize-input.disabled [data-value] .remove { background: none; } .selectize-control.multi .selectize-input [data-value] { -webkit-border-radius: 2px; -moz-b

我有一个链接，我希望有一个特定的css它

css文件名为：my_django.css，其中包含以下[snap]数据：

.selectize-control.multi .selectize-input.disabled [data-value] 
.remove {
 background: none;
}


.selectize-control.multi .selectize-input [data-value] {
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 border: none;
 background-color: #ff5067;
 padding: 5px 7px;
}

我的目标是访问上面的文件，并使用

在特定url上对其进行“样式化”。selectize-control.multi。selectize-input[data-value]{

目前，我在标记中嵌入样式的位置手动执行此操作。因此，它如下所示：

    {% for tag in old_post.tags.all %}              
        <a style="webkit-border-radius: 2px; moz-border-radius: 2px;  border-radius: 2px;  border: none;  background-color: #ff5067;  padding: 5px 7px; color: white;" href="{% url 'by_mylabel' tag.name %} "> {{ tag.name }}</a>                  
    {% endfor %}

键是.class，html是相同的：

<a class="class" href="{% url 'by_mylabel' tag.name %} "> {{ tag.name }}</a>

要应用此样式，您必须通过将CSS添加到布局的

部分来加载CSS，例如：

<head>
  <link rel="stylesheet" type="text/css" href="/path/to/your.css">
  <!-- ... other stuff in head ... -->      
</head>

然后将指定的类应用于链接

   {% for tag in old_post.tags.all %}              
        <a class="selectize-control multi" href="{% url 'by_mylabel' tag.name %} "> {{ tag.name }}</a>                  
    {% endfor %}

{%fortagin old_post.tags.all%}
{%endfor%}

我不知道为什么css选择器不是一个选择。将类或ID添加到a标记中。另外，为共享样式创建css文件，并从html文档中导入它。

为链接提供一个css类，并将当前的定义内联到该css类中。在css方面，它没有任何更基本的内容。这就是你要做的在CSS课程第一天的第一课中学习。@connexo是的，我试过了。但不知怎么的，我得到的结果是空的。不知道我做错了什么。如果你不展示你试过的东西，有人能帮你什么忙吗？你想让我们猜猜吗？@connexo很公平。我已经修改了帖子。请再次阅读评论#1，这样做，如果失败，请回来。这是一个评论，而不是一个答案。好吧，我公开了至少一些有效的解决方案，也许更多。问候

<head>
  <link rel="stylesheet" type="text/css" href="/path/to/your.css">
  <!-- ... other stuff in head ... -->      
</head>

   {% for tag in old_post.tags.all %}              
        <a class="selectize-control multi" href="{% url 'by_mylabel' tag.name %} "> {{ tag.name }}</a>                  
    {% endfor %}