无法获得特异性来覆盖boostrap CDN链接元素

时间:2017-03-23 02:24:07

标签: css

无法使用bootsrap CND覆盖元素的特异性

尝试在此codepen上获取文本红色但我的语法或特异性有问题吗?

 #wrapper#yourdiv#portfolio_hover a{color:red;}

全笔在这里:

http://codepen.io/Satearn/pen/BWxZBb

2 个答案:

答案 0 :(得分:1)

设置锚标记的样式是不明智的,因为仔细检查.folio-text元素有自己的样式覆盖其父(锚)。按如下方式设置子类.folio-text的样式:

.folio-text{
  color:red ;
}

codepen here

答案 1 :(得分:0)

您正在错误地访问文本。如果你想改变基色(不要徘徊,请使用以下内容:

#wrapper #yourdiv .folio-text{color:red }

如果您只想在悬停时更改颜色,可以使用:

#wrapper #yourdiv .folio-text:hover{color:red }