Question

我在 .ui div中有两个 .event div。第一个div是动态的，angular-js用 .ng-scope 包装这个循环。这会阻塞semantic.ui中的css选择器

.ui.feed>.event>.label img {
    width: 100%;
    height: auto;
    border-radius: 500rem;
}

如果更改＆gt;运算符＆＃34; ＆＃34;等，

.ui.feed .event>.label img {

它的工作。但我不确定替换所有语义选择器是个好主意。任何其他方式，没有在循环中移动 .ui ？

<div class="ui feed ng-scope">
    <div class="ng-scope" ng-repeat="feed in feeds">
        <div video-added="" class="" info="info">
            <div class="event">
                <div class="label">
                    <img src="http://semantic-ui.com/images/avatar/small/matt.jpg">
                </div>
            </div>
            <div class="ui fitted divider"></div>
        </div>
    </div>
    <!-- end ngRepeat: feed in feeds -->
    <div class="event">
        <div class="label">
            <img src="http://semantic-ui.com/images/avatar/small/matt.jpg">
        </div>
    </div>
</div>

更糟糕的是，semantic.ui选择器比＃34; .ui.feed＆gt;更复杂。 .event＆＃34 ;. Angularjs div元素打破了所有网格。

Angularjs div阻塞semanticui css

0 个答案: