Css 仅对正文应用超链接下划线样式_Css_Styling_Text Styling

Css 仅对正文应用超链接下划线样式

css

Css 仅对正文应用超链接下划线样式,css,styling,text-styling,Css,Styling,Text Styling,我试图将以下锚文本下划线样式应用于我的网站，但它也应用于页眉和页脚链接 a{ 文字装饰：无；边框底部：#EA215A 0.125em实心； } 如何仅将此样式应用于正文链接？应该足够了 body a { text-decoration: none; border-bottom: #EA215A 0.125em solid; } 应该足够了 body a { text-decoration: none; border-bottom: #EA215A 0.125em solid

我试图将以下锚文本下划线样式应用于我的网站，但它也应用于页眉和页脚链接

a{
文字装饰：无；
边框底部：#EA215A 0.125em实心；
}

如何仅将此样式应用于正文链接？

应该足够了

body a { 
 text-decoration: none; 
 border-bottom: #EA215A 0.125em solid;
}

应该足够了

body a { 
 text-decoration: none; 
 border-bottom: #EA215A 0.125em solid;
}

若要仅应用于正文，您应该使用css选择器，您可以使用元素标记、类或ID来指定应用样式的确切位置

有关css选择器的更多信息，请查看此页面：

若要仅应用于正文，您应该使用css选择器，您可以使用元素标记、类或ID来指定应用样式的确切位置

有关css选择器的更多信息，请查看此页面：

没有一种代码可以在所有网站上运行。这取决于HTML代码-你能分享吗

假设HTML5，使用

文章

选择器如果网站使用HTML5，则文章文本可能位于

标签中

如果是这种情况，您应该能够使用：

第a条{
文字装饰：无；边框底部：#EA215A 0.125em实心；
}

有时人们会在

标记中放置

和/或

标记，因此上述操作不起作用

如果HTML输出做得很好，文章可能会有部分。因此，如果在文章中输出页眉和页脚，则将上面的选择器替换为

文章节a

，可能会获得更好的结果

没有HTML5 你不必盲目猜测文章内容的选择器。右键单击文章文本并选择

inspect element

或类似内容（可能位于关联菜单的底部）

您可能可以通过查看标记来构建选择器，该选择器将用于文章内容

开发工具在这种情况下，熟悉浏览器的开发功能

您必须确保此功能适用于网站上所有类型的页面。

看来你对HTML不太了解。。。是时候熟悉它了。

没有一种代码可以在所有网站上使用。这取决于HTML代码-你能分享吗