Html 有没有办法指定第二个<;span>;元素内部?

Html 有没有办法指定第二个<;span>;元素内部?,html,css,css-selectors,Html,Css,Css Selectors,我有: 但是,如果只有一个,则这不起作用,因为第一个也是唯一的也将是最后一个。使用:第n个子项(2): 标签跨度:第n个子项(2){ 颜色:红色; } 定位器 xxx xxx xxx xxx 定位器 span:n子元素(2)选择作为其父元素第二个子元素的每个元素 .inputWithLabel { & > label span:last-child { color: @alertColor; } } 使用css中的第n个子项 span{ 字体

我有:

但是,如果只有一个
,则这不起作用,因为第一个也是唯一的
也将是最后一个。

使用
:第n个子项(2)

标签跨度:第n个子项(2){ 颜色:红色; }

定位器
xxx
xxx
xxx
xxx
定位器
span:n子元素(2)
选择作为其父元素第二个子元素的每个元素

.inputWithLabel {
    & > label span:last-child {
        color: @alertColor;
    }
}

使用css中的第n个子项

span{
字体大小:30px;
显示:块;
}
标签跨度{
颜色:蓝色;
}
标签跨度:第n个子项(2){
颜色:红色;
}

定位器
xxx




定位器



定位器 第二 第三 yyy xxx
为了更一般,你最好给出一个例子
.inputWithLabel {
    & > label span:last-child {
        color: @alertColor;
    }
}
span:nth-child(2) {
    color: red;
}