.menu a 지정시 글자 색상이 안바뀌네요

[Dae-jung Kim]

.menu a 에서 패딩값이랑 background를 바꿔보니 그것들은 적용이됩니다. 

폰트컬러 color는 레드로 지정했는데 바뀔생각이 없는지 계속 고대로네요. 왜그런 걸까요

 

템플릿코드 

<div class = "menu">
  <a v-for="a in 메뉴들" :key="a">{{ a }} </a>
</div>

 

스타일코드

.menu {
  background: darkslateblue;
  padding: 15px;
  border-radius: 5px;
}

.menu a {
  background: white;
  color: red;
  padding: 10px
}

 

 

[codingapple]

개발자도구에서 a태그 검사하면

a:not([href]):not([class]) 이렇게 먼저 스타일이 되어있어서 그렇습니다

href를 주거나 하면 됩니다 

[Dae-jung Kim]

감사합니다~ 

[글쓴이]

글