此问题在此处已有答案：

CSS global :nth-of-type selector (:nth-of-class)（3个答案）
3小时前关闭
为什么我的第n个孩子在这里不工作我的意思是它确实适用于第一个，但它也适用于其余的孩子也为什么是我的图像没有对齐到文本，它比文本高一点。
超文本标记语言

<div class="skillSet"> 
        <h2> Skill set </h2>
        <ul>
            <li>
                <h3 class="progLang"> HTML </h3>
                <p class="abbr"> (Hypertext Markup Language) </p>
            </li>
            <li>
                <h3 class="progLang"> CSS </h3>
                <p class="abbr"> (Cascading Style Sheet) </p>
            </li>
        </ul>
     </div>

字符串
CSS格式

.skillSet {
    margin: 6rem 1rem 1rem 1rem;
    padding: 8px;
}

.skillSet h2 {
    border-left: 8px solid black;
    text-indent: 0.5rem;
    margin-bottom: 5rem;
}

.skillSet ul {
    margin: 1rem 0.5rem 1rem 0.5rem;
}

li {
    list-style: none;
    margin-bottom: 5rem;
}

.progLang:nth-child(1) {
    color: #f06529; 
}

.progLang:nth-child(1):after {
    content: url("html5-icon.png");
}

.progLang:nth-child(2) {
    color: #264de4;
}

.progLang:nth-child(2):after {
    content: url("css-icon.png");
}

.abbr {
    font-size: 12px;
}

型
看起来我在使用它，是我的语法不正确还是我没有正确地使用它？