Определение класса CSS не работает внутриэлемент - PullRequest
Новая
       30

Определение класса CSS не работает внутриэлемент

5 голосов
/ 20 февраля 2012

Не могли бы вы, ребята, сказать мне, почему определение класса css не работает в следующем примере?

Я использую GWT 2.4 + Chrome 17. 

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:g='urn:import:com.google.gwt.user.client.ui'>
    <ui:style>
        div.test {
            color: red;
        }
    </ui:style>
    <g:HTML>
        <div class="test">I should be red but I'm not</div>
    </g:HTML>
</ui:UiBinder>

1 Ответ

6 голосов
/ 20 февраля 2012

CSS-классы, перечисленные в <ui:style>, будут запутаны, перейдя от test до GKYSKJX (или что-то подобное).

Обновите ваш div следующим образом: 

<div class="{style.test}">Now I'm red :)</div>

В качестве альтернативы, вы можете сделать так, чтобы ваш стиль НЕ запутывал, выполняя это: 

@external .test;
div.test {
    color: red;
}

Если у вас нет веских причин, я рекомендую придерживаться первого метода.

Подробнее на Декларативный макет с помощью UiBinder - Hello Stylish World .

...