我没有学过css，有下面几个语法问题帮忙解释一下。有合适的css教程推荐一下。

.page-section{
  width: 100%;
  margin-bottom: 60rpx;
}

.page-section_center{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-section_center和.page-section 之间有关系吗？

.page-section:last-child{
  margin-bottom: 0;
}
.page-section:last-child 冒号代表什么意思？
.page-section-gap .page-section-title{
  padding-left: 0;
  padding-right: 0;
}

.page-section-gap .page-section-title 第二个"."代表什么意思？
谢谢大家