为什么这里Content下面的p 和b都不用.

Question

如题 这边前面都没有加.

Answer 1

weixin_慕九州7188501 2021-04-27 15:28:43

這是css的語法， #+名稱等於id 、.+名稱等於className、只有名稱等於標籤

Answer 2

Dell 2019-06-30 21:58:06

因为他们是标签，不是class名字

Answer 3

Dell 2019-06-27 00:31:37

您代码发我下，我看下

• 提问者 慕前端6301706 #1

  export const Content = styled.div`
  	color: #2f2f2f;
  	.img {
  		width: 100%;
  	}
  	.p {
  		margin: 25px 0;
  		font-size: 16px;
  		line-height: 30px;
  	}
  	.b {
  		font-weight: bold;
  	}
  `;
  
  是在pages/detail/style.js 下
  这是老师您写的代码 我照着打的

• 旺旺加油 #2

  img p b 都是标签， 这里用标签选择器，意思是div里面的img、p、b标签命中样式，前面不用小点   只有class类名，才会用类选择器小点（意思是div标签上如果有.xxx类名命中样式）