Twitter bootstrap 独自创立如何添加多个添加词缀属性？

我使用的引导粘贴如下所示：

<div data-spy="affix" data-offset-top="220">

<div data-spy="affix2" data-offset-top="220">
.affix2 {
            position: fixed; 
            top: 50px; 
            z-index:1;
        }

是否可以在多个Dom元素上使用词缀并影响不同的css，例如：

<div data-spy="affix" data-offset-top="220">

<div data-spy="affix2" data-offset-top="220">
.affix2 {
            position: fixed; 
            top: 50px; 
            z-index:1;
        }

.affix2{
位置：固定；
顶部：50px；
z指数：1；
}

您可以为2个div创建说明符

HTML

下面是一个演示：

#affix1.affix {
    position: fixed; 
    top: 50px; 
    z-index:1;
}

#affix2.affix {
    position: fixed; 
    top: 200px; 
    z-index:1;
}