在CSS中,可以使用@import指令來導入外部樣式文件。@import指令可以用于導入CSS和JavaScript文件,以及其他類型的內容。例如,可以這樣導入CSS樣式:
```html
<head>
<link rel="import" href="styles.css">
</head>
在這個例子中,<link rel="import" href="styles.css">指定了要導入的CSS樣式文件的路徑。瀏覽器會從這個路徑中解析CSS文件并執行相應的操作。
除了使用@import指令外,還可以使用import語句來導入外部樣式文件。import語句和@import指令的語法基本相同,只是import語句的語法更加簡潔。例如,可以這樣導入CSS樣式:
```html
<head>
<style>
/* CSS樣式在這里應用 */
</style>
<script>
import styles from './styles.css';
</script>
</head>
在這個例子中,<style>標簽中應用了外部樣式文件的樣式。在<script>標簽中,import語句導入了外部樣式文件,并應用了這個樣式。
通過使用@import和import語句,我們可以將外部樣式文件導入到我們的CSS文件中,從而實現不同的樣式效果。
```javascript
var link = document.getElementById('mylink');
link.style.color = 'red';