在CSS中使用display flex

Question

我得到了HTML中的下一个代码

<section class = "personal_proyects">
<article>
<div class = "personal_details">
<h3>Canal YT: Codigo RM</h3>
<p>EXPLICACIÓN DEL CANAL YT</p>
<a href="https://www.youtube.com/watch?v=lqURPBtGJzg&list=RDlqURPBtGJzg&start_radio=1" target="_blank">Ver canal</a>
</div>

<figure>
<img src="images/YT.jpg" alt="Imagen canal YT" width=500>
</figure>

</article>

在我的css

.personal_proyects,
section {
display:flex;
}

我在我的html代码中得到了另一个标签部分，当我使用属性flex我的标签文章在我的部分与类personal_project不对齐，我该如何解决?

如果我在CSS上使用下一个句子，所有的标签部分都使用display: flex，我只想在我的标签部分使用类"personal_proyects">

section {
display:flex;
}

Answer 1

类选择器语法错误

personal_proyects类本身添加到section。

所以正确的语法应该是

section.personal_proyects{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}