<link rel="stylesheet" href="https://raw.githubusercontent.com/kathykato/12columns/master/12columns.scss">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css">
<link rel="stylesheet" href="gallery.css">
我在标题中添加了一些链接 但是输出与代码笔上的输出不同 我在codepen上注意到它说预处理器是SCSS。我是否需要采取任何其他步骤？谷歌搜索让我更加困惑为什么链接不起作用Codepen image
答案 0 :(得分：0)
您链接到的第一个文件是<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<body>
<div class="row">
<div class="col s12 m12 l12 xl12">
<!-- <ul class="tabs tabs-fixed-width" id="chartstabs">
<li class="tab">
<a href="#tab" (click)="loadTab(view)">okkk</a>
</li>
</ul> -->
<ul class="tabs tabs-fixed-width tab-demo z-depth-1" id="chartstabs">
<li class="tab"><a href="#test1">Test 1</a></li>
<li class="tab"><a class="active" href="#test2">Test 2</a></li>
<li class="tab disabled"><a href="#test3">Disabled Tab</a></li>
<li class="tab"><a href="#test4">Test 4</a></li>
<li class="tab"><a href="#test0">Test 5</a></li>
</ul>
<div id="test1" class="col s12"><p>Test 1</p></div>
<div id="test2" class="col s12"><p>Test 2</p></div>
<div id="test3" class="col s12"><p>Test 3</p></div>
<div id="test4" class="col s12"><p>Test 4</p></div>
<div id="test0" class="col s12"><p>Test 5</p></div>
</div>
</div>文件（SASS CSS文件）。您的浏览器无法读取此类文件-需要使用具有SASS功能的预处理器对其进行“预处理”，该预处理器会将此类文件转换为CSS。
不过，就您而言，最好下载并处理已使用的*.min.css文件。
