1 回答

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊
background_color
屬性gatsby-plugin-manifest
代表 PWA (?Progressive?Web?A?pps) 功能,而不是主要的background-color
CSS 屬性。
要更改任何組件或元素的樣式,只需添加 CSS/SCSS、JS、模塊等:
import React from "react"
import Layout from "../components/layout"
import "./styles.css"? ?
export default function Home() {
? return <Layout>Hello world!</Layout>
}
在你的styles.css:
a {
? color: red:
}
a.active{
? color: blue;
}
請(qǐng)記住,Gatsby 的<Link>
組件(因?yàn)樗鼜?React 擴(kuò)展@reach/router
)添加了一個(gè)附加功能,可以使用 ; 將當(dāng)前頁(yè)面(或部分路徑)標(biāo)記為活動(dòng)頁(yè)面activeClassName
?prop
。
<Link
? to="/"
? {/* This assumes the `active` class is defined in your CSS */}
? activeClassName="active"
>
添加回答
舉報(bào)