链接将不会更改颜色并消除文本装饰。
链接将不会更改颜色并消除文本装饰。
提问于 2022-06-28 17:58:14
我在试着打头球。我试图改变我肚脐上文字的颜色，去掉文字装饰。这是我的代码：
ReactJS：
import React from 'react';
import './Header.css';
function Header() {
return (
<nav className="header">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Projects</a>
<a href="#">Resume</a>
</nav>
)
}
export default Header;`CSS：
.header {
background-color: #171A25;
align-items: center;
color: white;
word-spacing: 33px;
text-align: center;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2022-06-28 18:06:14
a{
color: white;
text-decoration: none;
}
Stack Overflow用户
发布于 2022-06-28 18:02:34
您需要为标题的直接子a链接设置样式。
.header {
background-color: #171A25;
align-items: center;
word-spacing: 33px;
}
.header > a {
text-decoration: none;
color: white;
text-align: center;
}import React from 'react';
import './Header.css';
function Header() {
return (
<nav className="header">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Projects</a>
<a href="#">Resume</a>
</nav>
)
}
export default Header;
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72791146
复制相关文章
相似问题
腾讯云开发者
