Vaadin Web应用开发教程(39):使用主题-CSS简介

Vaadin主题的使用一个重要的方法是使用CSS风格文件。本篇对CSS的使用做个简单的介绍。

基本CSS规则

一个CSS文件包含一组规则，每个规则包含一个“风格选择符”，由逗号分开。然后通过花括号将风格描述括在里面。例如：

CSS 也支持继承机制，也就是说子元素可以从其父元素中继承CSS属性。比如可以从
元素继承
CSS 匹配支持使用通配符，如* 来匹配任意元素类型。 × 也可以省略，而只用 “.”.如：
可以查到 Panel, TextField, Button 等对应的Vaadin CSS类名分别为恶 v-panel, v-textfield, v-button, 通过自定义风格，修改其style.css 定义如下CSS 规则