无法为Anchor元素设置样式的问题求助（前端新手）

嘿，我看了你的代码，问题其实很常见——浏览器自带的默认样式在捣乱！

你现在的CSS里，把字体、颜色这些样式加在了.front-button这个div上，虽然有些属性（比如font-family）可以继承，但锚点(<a>)标签有浏览器默认的样式（比如蓝色文字、下划线），这些默认样式的优先级比继承来的样式要高，所以你的样式根本没生效在a标签上。而且你写的.front-button a只设置了margin，完全没覆盖那些默认属性。

修复方案 #

直接把样式写在.front-button下的a标签选择器里，明确覆盖浏览器的默认样式：

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap'); 

body { 
  height: 100%; 
  margin: 0; 
  padding: 0; 
  background: #bbb; 
} 

.ex-house { 
  padding: 0; 
  display: block; 
  margin: 0 auto; 
  max-height: 100%; 
  max-width: 100%; 
  opacity: 0.8; 
} 

.house-dh { 
  position: absolute; 
  top: -20%; 
  left: 2%; 
  padding: 0px; 
  margin: 0px; 
  color: rgb(255, 255, 255); 
  font-family: 'Bree serif'; 
  font-size: 125px; 
  text-align: center; 
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1); 
} 

.about-gnco1 { 
  position: absolute; 
  color: rgb(255, 255, 255); 
  font-family: 'Inter'; 
  font-size: 35px; 
  text-align: left; 
  margin: 0px; 
  padding: 0px; 
  left: 2%; 
  top: 20%; 
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1); 
} 

/* 修改后的锚点样式 */
.front-button a {
  font-family: 'Bebas Neue';
  font-size: 20px;
  color: white;
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
  margin: 0 20px;
  /* 去掉默认的下划线 */
  text-decoration: none;
}

/* 可选：添加hover效果提升交互性 */
.front-button a:hover {
  opacity: 0.8;
  text-shadow: 3px 3px 4px rgba(255, 255, 255, 0.2);
}

为什么这样能行？ #

浏览器的用户代理样式表（user agent stylesheet）会给<a>标签设置默认样式：

a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

这些样式是直接作用在a标签上的，优先级比从父元素继承的样式高得多。所以必须直接给.front-button a设置对应的属性（比如color、text-decoration），才能覆盖掉默认样式，让你的自定义样式生效。

另外，注意你的HTML里有一个多余的</div>标签（在.about-gnco的闭合之后），虽然不影响样式，但最好删掉让结构更整洁~

内容的提问来源于stack exchange，提问作者woopwoop