我的代码有什么问题？

 

 index.html

<！DOCTYPE html> 

< html > 

< head > 

< title > Sass基础知识-代码挑战</ title > < link rel = “ stylesheet” type = “ text / css” href = “ page-style.css” > <链接rel = “样式表”类型= “文本/ css” href = “ style.css” > </头> <正文> <h1 >汉普顿博客</  

 

  H1 > 

< DIV类= “进入” > < H1 > <一个HREF = “＃” >美味的食物在SF </一> </ H1 > < DIV类= “内容” > < p >        你知道我最喜欢的餐馆在测试是？答案是，有这么多很棒的餐厅，我无法选择一家。但佳作包括<一个HREF = “＃” >周星驰先生的<   

 

 <一个 HREF = “＃” >活寿司</一>和<一个 HREF = “＃” > Piccino </一>。 

<跨度类= “链接” > <一个HREF = “/info.html” >阅读更多</一> </跨度> </ p > </ DIV > </ DIV > <          

 

    < H1 > <一个 HREF = “＃” >大音乐</一> </ H1 > 

< DIV类= “内容” > < p >        下面是一些我最喜欢的乐队从多年过去和现在：百丽和塞巴斯蒂安，小妖精和Daft Punk。听音乐可以让我在编程时集中精力。 

<跨度类= “链接” > <一个HREF = “/info.html” >阅读更多</一> <       

      > 

</ div > </ div > < div class = “ footer” > < p >      感谢您阅读我的博客！一定要看看我的<一个HREF = “＃” >等文章</一>。

</ p > </ div > </ body > </ html >    

 

 style.scss

/ *在下面编写您的SCSS代码。* / 

p  { 

> a {颜色：蓝色；}一个{颜色：红; } }    

    

 

答：我认为问题是由于CSS的级联性质。

 

看来您做对了，因为您将其放在pCSS代码块中，但是如果将> a代码块放在嵌套的anchor元素之后，它将起作用。

 

像这样。

 

p  { 

a { color ：red ; } > a {颜色：蓝色；} }