如何定义嵌套元素?

时间:2015-05-19 08:49:39

标签: css sass susy-sass susy

鉴于我有以下标记:

 public boolean writeCharacteristic(BluetoothGattCharacteristic characteristic) {
    if ((characteristic.getProperties() & BluetoothGattCharacteristic.PROPERTY_WRITE) == 0
        && (characteristic.getProperties() &
            BluetoothGattCharacteristic.PROPERTY_WRITE_NO_RESPONSE) == 0) return false;

    if (VDBG) Log.d(TAG, "writeCharacteristic() - uuid: " + characteristic.getUuid());
    if (mService == null || mClientIf == 0 || characteristic.getValue() == null) return false;

    BluetoothGattService service = characteristic.getService();
    if (service == null) return false;

    BluetoothDevice device = service.getDevice();
    if (device == null) return false;

    synchronized(mDeviceBusy) {
        if (mDeviceBusy) return false;
        mDeviceBusy = true;
    }

    try {
        mService.writeCharacteristic(mClientIf, device.getAddress(),
            service.getType(), service.getInstanceId(),
            new ParcelUuid(service.getUuid()), characteristic.getInstanceId(),
            new ParcelUuid(characteristic.getUuid()),
            characteristic.getWriteType(), AUTHENTICATION_NONE,
            characteristic.getValue());
    } catch (RemoteException e) {
        Log.e(TAG,"",e);
        mDeviceBusy = false;
        return false;
    }

    return true;
}

<body> <article> <div class="foo">Foo</div> <div class="bar">Bar</div> </article> </body> 的固定宽度为body

910px

body { @include container(910px); } 有一个body元素,由2个嵌套articledivs.foo组成。)

此时,如果我希望.bar.foo分别占用6列。这样做很容易:

.bar

article { @include container .foo { @include span(6 of 12) } .bar { @include span(6 of 12) } } body和后续元素(@include container)是否可以直接包含另一个article

在Twitter Bootstrap中,@include container应始终跟在col之后。但这不是Bootstrap。这是苏西。

在Susy中,rowrow的概念是什么?或col基本上同时做两件事?

1 个答案:

答案 0 :(得分:0)

Bootstrap使用行来移除边缘排水沟。 Susy不使用或需要行,因此span()就是您所需要的。也没有必要重复container()混合。如果您希望文章清除浮动,则可以使用clearfix(我们的名称为susy-clearfix())。