Последовательные псевдо-селекторы Flex 4 с CSS

Question

Flex 4 предлагает потомки css и псевдоселекторы, такие как:

s|DropDownList:open {
    font-size: 11;
}

s|DropDownList #labelDisplay {
    font-size: 12;
}

Однако, если я объединю эти два и хотел сделать что-то вроде этого, это не сработает:

s|DropDownList:open #labelDisplay {
    font-size: 13;
}

Возможно ли это с помощью псевдоселекторов-потомков?

(Конечно, я мог бы использовать свойство styleName.open на labelDisplay, но я думаю, что использование псевдоселекторов - более элегантное решение)

Answer 1

Похоже, это может быть ошибка Flex.

Когда псевдоселектор :open еще не используется, стиль-потомок не применяется, как вы обнаружили:

    s|DropDownList #labelDisplay {
        font-size: 12;
    }
    s|DropDownList:open #labelDisplay {
        font-size: 14;
    }

Но, если вы используете псевдоселектор;даже пустой, без информации о стиле;похоже, это исправлено:

    s|DropDownList #labelDisplay {
        font-size: 12;
    }
    /* this line fixes it */
    s|DropDownList:open {}
    s|DropDownList:open #labelDisplay {
        font-size: 14;
    }

Я могу видеть то же поведение в SDK 4.0, 4.1 и 4.5.Не так красиво, но, по крайней мере, есть обходной путь.

Answer 2

Вы пробовали

s|DropDownList:open, s|DropDownList #labelDisplay{
fontSize: 13;

}