为什么文本的颜色没有改变？

Question

我正在使用 react.js 制作一排三张图片，每张图片的顶部和底部都有几个单词。 出于某种原因，当我改变措辞的颜色时，它并没有改变。 任何人都知道为什么以及我该如何解决它？ 谢谢

HTML 代码

<ImageContainer>
    <titleofexprience>
    stuff
    </titleofexprience>
    
    <img id="experienceImage" src={stufff} alt="nice" />

    <discriptionofexprience>
    </discriptionofexprience>
</ImageContainer>

export const titleofexprience  = styled.nav`
    position: absolute;
    bottom: 0px;
    color: #B0E0E6;
`
export const discriptionofexprience  = styled.nav`
position: absolute;
    bottom: 0px;
    color: #B0E0E6; //I try to change the color of the wording but it is not chaning it
`

Answer 1

为什么要为此使用<nav>元素？ 您应该使用任何内联元素，例如<span>或其他元素。