PanelのStyle設定をするときに、他のファイルも影響する？

なんか、ハマりました。

PageSelector.mxml
ってのに、

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" 
 styleName="ModalDialog"
>
<mx:Style>
.ModalDialog{
    backgroundColor: #cccccc;
    backgroundAlpha: 0.3;
    headerHeight:0;

って書いて、同じ階層にある
ModalWindowGeneral.mxml
に

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml"
 styleName="ModalDialog"
>
<mx:Style>
.ModalDialog{
    modalTransparency: 0.6;
    modalTransparencyBlur: 3;
    modalTransparencyColor: #000000;

って書いたら、後者のStyleが前者のStyleをOverrideしてしまった！

MXML内でStyleは個別にスコープが当たってるわけじゃないんだね。

じゃあ、グローバルに1個だけっていうのが良いかと思ったけど、なんかそのStyleはそのMXML内に書きたいし。

じゃあ、StyleName名も個別にしろって話ですね。ふーん。