小编use*_*yet的帖子

我有一个简单的图像，其中使用 CSS 添加了尺寸属性。我决定通过添加标签来使图像可点击，<a>希望不会发生任何变化。但整个图像已重置，我无法在不删除的情况下更改大小<a>标签的情况下更改大小。

超文本标记语言

<a href="#"><header><img src="images/logo.png" alt=""></header></a>

CSS

header img {
    width: 100%;
    height: 50%;
}

此外，另一个 React 项目也存在同样的问题：

<a href="#"><header><img src="images/logo.png" alt=""></header></a>

编辑：

将a标签放在外面可以ImageListItem使其正常工作。

header img {
    width: 100%;
    height: 50%;
}

我试过并尝试解决这个问题,但我不知道发生了什么.基本上我有我的HTML上的超链接,我想从蓝色更改为其他东西.然而由于某种原因,它只是不工作,我设法摆脱下划线但我不能改变颜色.

HTML

        <nav align="middle">

        <ul>
            <li><a href="#">Videos</a></li>
            <li><a href="#">News</a></li>
            <li><a href="#"><img src="images/logo.png" class="home" style="height:80px; width:80px;"></a></li>
            <li><a href="#">Games</a></li>
            <li><a href="#">Music</a></li>
        </ul>



    </nav>

CSS

li {

display: inline;
margin-right: .75em;
list-style: none;
margin: 0;
padding: 60px;

}

html,body {
height: 100%;
overflow: hidden;  
}

a {
color: black;
text-decoration: inherit;
}

ul {
position: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border: 2px solid #ccc;
border-width: 3px 0;  

}