链接标签上的 CSS 样式

标签 css

嗨,我想做我的<a>标签对父 li 的完整高度和宽度使用react。

我怎样才能实现这个目标?显示 block 不起作用。由于某种原因,将其放在 li 周围而不是内部会删除最后一个 li。

根据要求,这里是相关代码。

nav li{height:70px;float:left;margin:0px;padding:25px 20px;display:block;}
nav li:hover{background:#00A2E5;}
nav a, nav a:visited{font:bold 20px Arial;color:#515151;text-decoration:none;display:block;}
nav a:hover, nav a:visited:hover{font:;color:#FFFFFF;}

最佳答案

li a {
    width:100%;
    height:100%;
    display:block;
}

关于链接标签上的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10055698/

相关文章:

css - 具有默认样式的媒体查询无法按预期工作

html - 使用内联样式和 CSS 在单击 href 链接时设置元素的样式

javascript - 如何从当前页面动态删除样式表

html - 带有Outlook和gmail的HTML电子邮件字体,雅虎supoortable

html - 将水平制表符从 Bootstrap 3 转换为 Bootstrap 4

javascript - 如何将视差对齐到 div 的中间?

css - 使用 StoreValue 时,Selenium 声明 "This element has no value"

css - 如何在没有 JS 的 Edge 中将光标置于具有占位符的文本输入中?

html - 底部带有渐变边框的圆圈

javascript - 当两个标签的宽度通过 javascript 改变时,它们会自动改变位置