Javascript 有没有办法在';反应路由器dom';?

Javascript 有没有办法在';反应路由器dom';?,javascript,css,reactjs,react-router-dom,Javascript,Css,Reactjs,React Router Dom,我添加了样式属性来重置元素之间的文本样式。”样式={{textDecoration='none'} 函数导航(){ 返回( 家 关于 ); } 我在css上编写了如下代码 .nav.nav\uu btn{ 文字装饰:无; 背景色:透明; 颜色:白色; 字体大小:30px; 字体:斜体; 字体大小:粗体; } .nav.nav__btn:悬停{ 转换:比例(1.1); 颜色:橙色; 文字装饰:下划线; 转变:转变.35s; } 鼠标悬停时字体颜色会改变,但“文本装饰:下划线”不起作用 我想是撞

我添加了样式属性来重置元素之间的文本样式。”样式={{textDecoration='none'}

函数导航(){
返回(
家
关于
);
}
我在css上编写了如下代码

.nav.nav\uu btn{
文字装饰:无;
背景色:透明;
颜色:白色;
字体大小:30px;
字体:斜体;
字体大小:粗体;
}
.nav.nav__btn:悬停{
转换:比例(1.1);
颜色:橙色;
文字装饰:下划线;
转变:转变.35s;
}
鼠标悬停时字体颜色会改变,但“文本装饰:下划线”不起作用

我想是撞车了,但我不知道到底是怎么回事。
有什么方法可以应用下划线吗?

内联CSS的优先级高于外部CSS

您将添加一个用于文本装饰的内联CSS:

style={{ textDecoration: 'none' }}
然后尝试用外部CSS覆盖它,但没有效果,因为内联CSS比外部CSS具有更高的优先级,并且由于字体颜色没有任何其他CSS,所以使用外部CSS