WPF 中的级联样式（a la CSS）

Question

有没有办法在 WPF 中指定类似的内容：

CSS：

#someSpan input { color: #f1f1f1; }
or
span input { color: #f1f1f1; }

意思是，我希望容器中的所有 TextBlock 元素都遵循 x 样式，而不必将样式应用于每个文本块。

澄清一下，我需要在 WPF 中做这样的事情。

我知道样式的 BasedOn 属性.. 但这不是我在这里寻找的内容

寻找类似的东西

 <Style x:Key="FileItem"  TargetType="{x:Type #SomeContainer TextBlock}">

或者可能在 SomeContainer 中，添加一个 TextBlock 样式，该样式将应用于其所有文本块

Answer 1

你可以这样做，你只需要嵌套样式，例如

<Style TargetType="{x:Type Border}">
    <Style.Resources>
        <Style TargetType="{x:Type TextBox}">
            <!-- ... -->
        </Style>
    <Style.Resources>
</Style>

这使您可以在Borders 中设置TextBoxes 的样式，但是元素只能应用一种样式，因此并行的“规则”不会起作用。

Answer 2

关于您问题的最后一部分，如果您想将样式应用于特定元素中的所有 TextBlocks，只需将 Style 放入该元素资源中：

<TextBlock /> <!-- unaffected -->

<Grid>
    <Grid.Resources>
        <Style TargetType="TextBlock">
            <!-- ... -->
        </Style>
    </Grid.Resources>

    <TextBlock /> <!-- will be styled -->
</Grid>

如果您将样式存储在单独的 ResourceDictionary 中，那么您可以通过合并资源字典为特定元素“导入”它们：

<Grid>
    <Grid.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                    <ResourceDictionary Source="/Resources/MyOtherStyles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Grid.Resources>

    <TextBlock /> <!-- will be styled -->
</Grid>