通过JavaScript动态加载CSS文件，可以在运行时根据需要加载样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://example.com" id="dynamic-link">Example Link</a>
<script>
function loadCSS(url) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = url;
document.head.appendChild(link);
}
loadCSS('styles.css');
</script>
</body>
</html>优点：灵活性高，可以根据条件加载不同的样式。减少初始加载时间，按需加载样式。