Css 如果H3也是超链接,是否将样式应用于H3?

Css 如果H3也是超链接,是否将样式应用于H3?,css,Css,嘿,所以,我对我的CSS有些生疏,所以请容忍我:) 我正在使用一个布局,该布局具有h2、h3、h4、h5、h6的边框底部属性。我的一个页面使用h3显示常见问题列表的标题,它有一个锚定标记,因为有一个展开/契约脚本处于活动状态(单击标题,常见问题将显示在标题下方)。我不希望这些特定的h3元素有边界。有没有一种特殊的CSS语法可以用来实现这一点?可能是这样的: #content a,h3 { border-bottom:none; } 这显然是错误的,因为它只会清除驻留在我的内容容器中的任

嘿,所以,我对我的CSS有些生疏,所以请容忍我:)

我正在使用一个布局,该布局具有h2、h3、h4、h5、h6的
边框底部
属性。我的一个页面使用h3显示常见问题列表的标题,它有一个锚定标记,因为有一个展开/契约脚本处于活动状态(单击标题,常见问题将显示在标题下方)。我不希望这些特定的h3元素有边界。有没有一种特殊的CSS语法可以用来实现这一点?可能是这样的:

#content a,h3 {
    border-bottom:none;
}
这显然是错误的,因为它只会清除驻留在我的内容容器中的任何a/h3元素的任何底部边框

谢谢

澄清:

以下是每个css选择器将匹配的示例。请注意,web标准不允许将h3放置在a中

ah3{style}
h3 a{styles}
我应该这样做。>表示“下一个标记必须是”

#content a h3 {  border-bottom:none; }
可能也行

您可以将逗号用于多个规则,例如

h1, h2, h3 {
color: red;
}

对于红色h1到h3,没有CSS选择器可以根据其父元素选择元素。最好的解决方案是为FAQ容器提供一个ID或类,然后:

#faq h3 {
    border-bottom: none;
}
改用这个:

h3>a{文本装饰:无;}

这样做,你的目标是h3的每个“a”孩子

尽量使用类和标记选择器而不是ID,因为目标ID往往会降低css代码的灵活性和可扩展性。将继承看作是面向对象的

有关CSS选择器的进一步阅读和完整介绍,您可以参考:


欢呼声

是不允许进入的。我正在演示选择器的含义之间的差异。我不建议他把h3的答案放在a的范围内。我想知道有人发布正确答案需要多长时间+1儿童选择器的存在仅仅是我(和其他回答者)的想象吗?我想这是我必须要做的,但由于我的CSS不像以前那样(当它更简单时:P),我想我会问一下,看看我能做些什么。谢谢@Meep3D,他不是在寻找一个子选择器,而是一个父选择器,这在我们知道、起草或批准的任何CSS版本中都不可用。@Meep3D,我在第一次阅读这篇文章时犯了同样的错误。虽然可以将元素包含在元素中,但它是无效的(因为块级元素不应包含在内联元素中),因此正确的选择器写入方式是
h3 a
,这不会选择父元素(the)。标记中不应包含标题元素。True,但与这个问题并不完全相关。我不知道它有多相关。从这个问题来看,目前还不清楚As是驻留在H3s内部,还是以其他方式驻留。无论如何,我们不应该给出错误的实践作为建议(这是相对的,因为HTML5允许标记也包含块元素)。
h1, h2, h3 {
color: red;
}
#faq h3 {
    border-bottom: none;
}