css - 嵌套 CSS 元素(在标题中设置链接样式)

标签 css css-selectors

我是个 CSS 菜鸟。

我正在尝试创建一个规则来确保所有 html anchor 都位于 <h3> 中标签不显示下划线(并且还显示一些其他颜色属性)。这就是我所拥有的,但它不起作用:

<h3><a href="#">Turn of underline etc</a></h3>

h3 a, a:active, a:visited a:hover {
    text-decoration:none;
    color:#000000;
}

最佳答案

按照你的代码,你需要像这样总共使用四次h3

h3 a, h3 a:active, h3 a:visited, h3 a:hover {
    text-decoration:none;
    color:#000000;
}

您现在的方式,事件、访问和悬停状态不适用于“特定”的 h3

关于css - 嵌套 CSS 元素(在标题中设置链接样式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5414346/

相关文章:

具有多个子类的选择器的 HTML 语法

css - Bootstrap 中带有偏移量的嵌套 div 大小

css - 我可以使用 Nth-child 跳过第一项然后选择 2 跳过 2 吗?

第 n 个范围的 CSS 选择器?

html - DIV使用显示表格和显示表格单元格但一列固定宽度

html - 当文本区域处于焦点时,如何让 div 出现? (两者都是同一表单元素的子元素)

CSS 选择器如果存在相邻兄弟

javascript - 为移动站点 Jquery 和 CSS 创建 Accordion 菜单

css rotate with transition 似乎会影响其他元素的不透明度?

javascript - 站点加载问题 : Angular 6 project taking too much time to load