Html 如何使div类样式正常工作？

出于某种奇怪的原因，我的div类风格不起作用

1.是，css链接正确 2.是的，所有div和css属性都有正确的结束标记

我有一个div类，名为

entry title first

，然后我有

entry title second

和

entry title third

，但出于某种原因，所有类都采用

entry title first

的样式，这是什么原因造成的

.entry-title-first {
color:#fff;
font-family:Trade Gothic;
font-size:28px;
line-height:26px;
margin-top:-15px;
font-weight:900;
padding-bottom:8px;
}

.entry-title-first a:link, a:visited, a:hover{
color:#fff;
text-decoration:none;
}

.entry-title-second {
color:#000;
font-family:Trade Gothic;
font-size:28px;
line-height:26px;
margin-top:-15px;
font-weight:900;
padding-bottom:8px;
}

.entry-title-second a:link, a:visited, a:hover{
color:#000;
text-decoration:none;
}

html

---

您需要这样做

.entry-title-first a:link, .entry-title-first  a:visited {
  color:#fff;
  text-decoration:none;
}
.entry-title-first a:hover {
  color:#f00;
}

样品

正文{
背景：灰色；
}
1.参赛作品名称优先{
颜色：#000；
字体系列：贸易哥特式；
字号：28px；
线高：26px；
边缘顶部：15px；
字号：900；
垫底：8px；
}
.entry title first a:链接，.entry title first a:已访问{
颜色：#fff；
文字装饰：无；
}
.第一个条目标题a:悬停{
颜色：#f00；
}
.第二名{
颜色：#000；
字体系列：贸易哥特式；
字号：28px；
线高：26px；
边缘顶部：15px；
字号：900；
垫底：8px；
}
.entry title second a:链接，.entry title second a:已访问{
颜色：#000；
文字装饰：无；
}
.条目标题第二个a:悬停{
颜色：#ff0；
}

---

您需要这样做

.entry-title-first a:link, .entry-title-first  a:visited {
  color:#fff;
  text-decoration:none;
}
.entry-title-first a:hover {
  color:#f00;
}

样品

正文{
背景：灰色；
}
1.参赛作品名称优先{
颜色：#000；
字体系列：贸易哥特式；
字号：28px；
线高：26px；
边缘顶部：15px；
字号：900；
垫底：8px；
}
.entry title first a:链接，.entry title first a:已访问{
颜色：#fff；
文字装饰：无；
}
.第一个条目标题a:悬停{
颜色：#f00；
}
.第二名{
颜色：#000；
字体系列：贸易哥特式；
字号：28px；
线高：26px；
边缘顶部：15px；
字号：900；
垫底：8px；
}
.entry title second a:链接，.entry title second a:已访问{
颜色：#000；
文字装饰：无；
}
.条目标题第二个a:悬停{
颜色：#ff0；
}