Html 如何更改CSS中的链接样式？

我知道这听起来像是一个显而易见的问题和答案，但我花了很长时间试图弄清楚这一点，出于某种原因，没有一个答案对我不起作用。老实说，这可能是一个简单明了的答案，我就是听不懂。但问题是：我正在用HTML5、CSS和一些PHP制作一个网站

问题是，我的链接显示为蓝色和紫色，并带有下划线。我知道它们应该是这样的，但我尝试了许多不同的方法来重新设置链接的样式，包括

文本装饰：无

，以及不同的颜色等等

这是我的CSS和HTML部分，带有链接：

*{
填充：0；
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
a{
文字装饰：无；
颜色：棕色；
}
.侧边栏{
宽度：25%；
身高：100%；
浮动：左；
背景色：#BC986A；
溢出y：滚动；
}
.边选项{
宽度：100%；
高度：155px；
背景色：#BC986A；
}
.side选项：悬停，.side选项：焦点{
背景色：#DAAD86；
}
.侧名{
字体家族：“独立之花”，草书；
字号：1.8em；
保证金：2PX2PX0PX7PX；
填充：5px 5px 0px 5px；
}
.侧面图像{
宽度：150px；
高度：97px；
保证金：0px 0px 0px 15px；
边框：0.3em实心#FBEEC1；
}
.info{
背景色：#659DBD；
宽度：75%；
身高：100%；
浮动：对；
}
#名字{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：50px；
文本对齐：居中；
颜色：#FBEEC1；
}
#s-name{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：20px；
文本对齐：居中；
颜色：#FBEEC1；
}
#形象{
显示：块；
宽度：384px；
高度：256px；
左边距：自动；
右边距：自动；
边框：0.5em实心#BC986A；
边缘顶部：10px；
}
#描述{
字体家族：“岩盐”，草书；
字体大小：粗体；
字体大小：20px；
文本对齐：居中；
颜色：#DAAD86；
}

您需要在此处更改编辑

链接

要更改悬停选项，请执行以下操作：

a:hover {
    style it here
}

对于您网站上已访问的链接：

a:visited {
    style it here
}

您需要在此处更改编辑

链接

要更改悬停选项，请执行以下操作：

a:hover {
    style it here
}

对于您网站上已访问的链接：

a:visited {
    style it here
}

您询问了如何设置链接的样式

a{
颜色：红色；
光标：等待；
字体大小：24px；
过渡：颜色0.3s，文字阴影0.3s；
文字装饰：无；
}
a:悬停{
颜色：绿色；
文本阴影：1px 2px 3px#000；
文字装饰：上划线；
}
a:主动的{
字号：900；
}

您询问了如何设置链接的样式

a{
颜色：红色；
光标：等待；
字体大小：24px；
过渡：颜色0.3s，文字阴影0.3s；
文字装饰：无；
}
a:悬停{
颜色：绿色；
文本阴影：1px 2px 3px#000；
文字装饰：上划线；
}
a:主动的{
字号：900；
}

---

对于悬停颜色更改，可以使用此css

.sidebar a:hover{color:red; } .sidebar a:hover{color:red；} 如需在单击后保持颜色焦点

.sidebar a:focus{color:blue; } .侧边栏a:焦点{颜色：蓝色；}

---

对于悬停颜色更改，您可以使用此css

.sidebar a:hover{color:red; } .sidebar a:hover{color:red；} 如需在单击后保持颜色焦点

.sidebar a:focus{color:blue; } .侧边栏a:焦点{颜色：蓝色；} 1） 您需要将代码从结尾处的

更改为：

2） 链接的样式可以根据其所处的状态而有所不同：

    a:link - a normal, unvisited link
    a:visited - a link the user has visited
    a:hover - a link when the user mouses over it
    a:active - a link the moment it is clicked

有关这方面的更多信息，请访问：

*{
填充：0；
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
a、 a:链接，a:已访问{
文字装饰：无；
颜色：棕色；
}
a:悬停，a:活动{
颜色：绿色；
}
.侧边栏{
宽度：25%；
身高：100%；
浮动：左；
背景色：#BC986A；
溢出y：滚动；
}
.边选项{
宽度：100%；
高度：155px；
背景色：#BC986A；
}
.side选项：悬停，.side选项：焦点{
背景色：#DAAD86；
}
.侧名{
字体家族：“独立之花”，草书；
字号：1.8em；
保证金：2PX2PX0PX7PX；
填充：5px 5px 0px 5px；
}
.侧面图像{
宽度：150px；
高度：97px；
保证金：0px 0px 0px 15px；
边框：0.3em实心#FBEEC1；
}
.info{
背景色：#659DBD；
宽度：75%；
身高：100%；
浮动：对；
}
#名字{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：50px；
文本对齐：居中；
颜色：#FBEEC1；
}
#s-name{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：20px；
文本对齐：居中；
颜色：#FBEEC1；
}
#形象{
显示：块；
宽度：384px；
高度：256px；
左边距：自动；
右边距：自动；
边框：0.5em实心#BC986A；
边缘顶部：10px；
}
#描述{
字体家族：“岩盐”，草书；
字体大小：粗体；
字体大小：20px；
文本对齐：居中；
颜色：#DAAD86；
}

1）您需要将代码从结尾处的

更改为：

2） 链接的样式可以根据其所处的状态而有所不同：

    a:link - a normal, unvisited link
    a:visited - a link the user has visited
    a:hover - a link when the user mouses over it
    a:active - a link the moment it is clicked

有关这方面的更多信息，请访问：

*{
填充：0；
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
a、 a:链接，a:已访问{
文字装饰：无；
颜色：棕色；
}
a:悬停，a:活动{
颜色：绿色；
}
.侧边栏{
宽度：25%；
身高：100%；
浮动：左；
背景色：#BC986A；
溢出y：滚动；
}
.边选项{
宽度：100%；
高度：155px；
背景色：#BC986A；
}
.side选项：悬停，.side选项：焦点{
背景色：#DAAD86；
}
.侧名{
字体家族：“独立之花”，草书；
字号：1.8em；
保证金：2PX2PX0PX7PX；
填充：5px 5px 0px 5px；
}
.侧面图像{
宽度：150px；
高度：97px；
保证金：0px 0px 0px 15px；
边框：0.3em实心#FBEEC1；
}
.info{
背景色：#659DBD；
宽度：75%；
身高：100%；
浮动：对；
}
#名字{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：50px；
文本对齐：居中；
颜色：#FBEEC1；
}
#s-name{
字体家族：“格洛丽亚哈利路亚”，草书；
字体大小：20px；
文本对齐：居中；
颜色：#FBEEC1；
}
#形象{
显示：块；
宽度：384px；
高度：256px；
左边距：自动；
右边距：自动；
边框：0.5em实心#BC986A；
边缘顶部：10px；
}
#