Селекторы класса

Чтобы применить стиль не ко всем абзацам сразу, а к одному определенному подмножеству абзацев, мы используем селектор класса CSS. Предположим, что мы

хотим акцентировать внимание пользователя на важных примечаниях в документе. Мы помещаем примечания в теги и присваиваем атрибуту class этих тегов собственное значение specialnote, как показано в следующем коде:

Set stylesheet before html Text!

Затем мы создаем правило для этого класса specialnote, используя селектор класса, как показано в следующем коде:

styl eSheet. setStyl е(«. special note», speci al noteDecl arati onBl ock):

Как и в языке CSS, селектор класса в языке ActionScript состоит из точки, за которой указывается желаемое значение атрибута class (в нашем случае specialnote).

В листинге 27.8 представлен переработанный пример нашей предыдущей таблицы стилей, чтобы продемонстрировать использование селекторов класса CSS в языке ActionScript.

Листинг 27.8. Форматирование, применяемое к определенному классу абзаца

var specialnoteDeclarationBlock:Object = new 0bject( ): specialnoteDecl arationBlock. fontFamily = «Arial» specialnoteDeclarationBlock. fontSize = «20″: specialnoteDeclarationBlock. fontWeight = «bold»:

var stylesheet:Stylesheet = new StyleSheet( );

styleSheet. setStyle(«.speci alnote», speci alnoteDeclarati onBlock):

// Создаем текстовое поле

var t:TextField = new TextField( ):

t. width = 300:

t. wordwrap = true:

t. multiline = true;

t. styleSheet = stylesheet;

t. htmlText = »

Always remember…

«

+ »

Set styleSheet before html Text!

«

+ »

Otherwise, the stylesheet will not be applied.

«;

Результат выполнения кода из листинга 27.8 продемонстрирован на рис. 27.12. Always remember…