J2me中css解析

最新推荐文章于 2022-09-21 16:21:43 发布

ujswml

最新推荐文章于 2022-09-21 16:21:43 发布

阅读量1.3k

点赞数

分类专栏： J2ME 文章标签： css j2me class null string vector

本文链接：https://blog.csdn.net/ujswml/article/details/5304820

版权

J2ME 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

J2me中css解析

最近做手机浏览器项目中的CSS模块。对解析css有了个整体认识。现总结如下：

首先，简单的介绍下CSS ：

CSS 指层叠样式表 (Cascading Style Sheets)

CSS 语法由三部分构成：选择器、属性和值：selector {property: value}

选择器 (selector) 通常是你希望定义的 HTML 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：

body {color: blue}

上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color 为属性，blue 为值。

CSS主要可以从ID选择器和 class选择器去研究：

一：id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：

#red {color:red;}

#green {color:green;}

下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。

<p id="red">这个段落是红色。</p>

<p id="green">这个段落是绿色。</p>

1．Id选择器和派生选择器：

在现代布局中，id 选择器常常用于建立派生选择器。

#sidebar p {

font-style: italic;

text-align: right;

margin-top: 0.5em;

}

上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落。这个元素很可能是 div 或者是表格单元。

二： class类选择器

在 CSS 中，类选择器以一个点号显示：

.center {text-align: center}

在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。

1. class派生选择器：

.fancy td {

color: #f60;

background: #666;

}

在上面这个例子中，类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。（名为 fancy 的更大的元素可能是一个表格或者一个 div）

元素也可以基于它们的类而被选择：

td.fancy {

color: #f60;

background: #666;

}

在上面的例子中，类名为 fancy 的表格单元将是带有灰色背景的橙色。

三：CSS 优先级

层叠次序

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

i. 浏览器缺省设置

ii. 外部样式表

iii. 内部样式表（位于 <head> 标签内部）

iv. 内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）

下面对内联样式中css优先级具体介绍css优先级的四大原则：

原则一：继承不如指定

如果某样式是继承来的永远不如具体指定的优先级高。

例子1：

CODE:

*{font-size:20px}

.class3{ font-size: 12px; }

</style>

<span class="class3">我是多大字号？</span>

运行结果：.class3{ font-size: 12px; }

例子2：

CODE:

#id1 #id2{font-size:20px}

.class3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？

</span>

</p>

</div>

运行结果：.class3{ font-size: 12px; }

注意：后面的几大原则都是建立在“指定”的基础上的。

原则二： #ID >.class >标签选择符

例子：

CODE:

#id3 { font-size: 25px; }

.class3{ font-size: 18px; }

span{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

运行结果：#id3 { font-size: 25px; }

原则三：越具体越强大。

解释：当对某个元素的CSS选择符样式定义的越具体，层级越明确，该定义的优先级就越高。

CODE:

.class1 .class2 .class3{font-size: 25px;}

.class2 .class3{font-size:18px}

.class3 { font-size: 12px; }

</style>

<span class="class3">我是多大字号？</span>

</p>

</div>

运行结果：.class1 .class2 .class3{font-size: 25px;}

原则四：标签#id >#id ; 标签.class >.class

上面这条原则大家应该也都知道，看例子

CODE:

span#id3{font-size:18px}

#id3{font-size:12px}

span.class3{font-size:18px}

.class3{font-size:12px}

</style>

<span id="id3">我是多大字号？</span>

<span class="class3">我是多大字号？</span>

运行结果：span#id3{font-size:18px} | span.class3{font-size:18px}

很多人会有这样的疑问，为什么不把这个原则四归入原则一形成：

【标签#ID >#ID >标签.class >.class >标签选择符 >通配符】呢？或者将 “标签.class” 看作多更为具体的 “.class” 从而归入原则二呢？后面我将解答各位的疑惑，这就涉及到CSS的解析规律---------这四大原则间也是有优先级的，是不是有些糊涂了？别急，继续看。

*四大原则的权重

相信很多人都知道上面的四大原则，不要以为知道了这四大原则就能分辨css中那条代码是起作用的，不信？那你5秒内能肯定的知道下面这段代码，测试中的文字的字号吗？

CODE:

.class1 p#id2 .class3{font-size:25px}

div .class2 span#id3{font-size:18px}

#id1 .class3{font-size:14px}

.class1 #id2 .class3{font-size:12px}

#id1 #id2{font-size:10px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

为了大家方便阅读，我去掉了一些代码。

四大原则的权重就是: 原则一 >原则二 >原则三 >原则四

解释：

首先遵循原则一

有指定开始使用下面的原则，无指定则继承离他最近的定义。

然后开始原则二

1、比较最高优先级的选择符

例子：

CODE:

#id3{font-size:18px}

.class1 .class2 .class3{font-size:12px} /* 描述的再具体也不起作用 --- 原则二 */

.class3{font-size:18px}

div p span{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

运行结果：#id3{font-size:18px}

删掉上面CSS中的前两行可以得出，如果没有最高级别的#ID会寻找.class 即使后面的CSS按照“原则二” 描述的再具体也无法突破原则一。

2、如果两条CSS的如果最高选择符优先级一样，则比较他们的数量

例子：

CODE:

.class1 #id3{font-size:12px}

.class1 .class2 #id3{font-size:14px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

运行结果:.class1 .class2 #id3{font-size:14px}

3、如果最高选择符级别和数量都一样，则按照原则二比较他们下一级，以此类推。

例子1：

CODE:

#id1 .class2 .class3{font-size:14px}

div .class2 #id3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

运行结果:#id1 .class2 .class3{font-size:14px}

*最高级选择符的位置没有高下之分，论证：[code]CODE:

#id1 .class2 .class3{font-size:18px}

.class1 #id2 .class3{font-size:14px}

.class1 .class2 #id3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

上例中更换3条CSS的先后可以得出，哪条位于最后，哪条起作用。说明他们的级别一样，后面的将覆盖前面的。

*将原则四归入原则二的不合理性，论证：

CODE:

.class1 span#id3{font-size:14px}

#id1 .class2 .class3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

#id1 .class2 .class3{font-size:12px}

可以看到span#id3并不比#id1高出一个级别。

无结果开始原则三

如果比较结果，选择符从最高级开始都对应，级别上的数量也相同，则开始比较谁更具体。

例子：

CODE:

#id1 .class2 span{font-size:14px}

.class1 #id3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

#id1 .class2 span{font-size:14px}

当然也可以理解为在原则二层层比较中“少一个层级的样式”，缺少的那个层级没有“层级较多的样式”多出的那个层级的级别高。（绕口令）

*将原则四归入原则三的不合理性，论证：

CODE:

.class2 .class3{font-size:14px}

span.class3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

上例中可以看出，如果将原则四并入原则三，将span.class3看作两层，那么应该和.class2 .class3层级一样多，那么应该显示12px,而事实不是这样。

最终对决原则四

如果还分不出结果，则开始原则四的比较：

例子1：

CODE:

.class1 p.class2 .class3{font-size:14px}

.class1 .class2 .class3{font-size:12px}

</style>

<span id="id3" class="class3">我是多大字号？</span>

</p>

</div>

.class1 p.class2 .class3{font-size:14px}

四："!important"的规则有最高优先级

首先我们来看看!important这个属性的作用：!important是用来提升样式优先级的，我们知道样式是有优先级的。

对于上面总结加上特殊的important可以总结为：

1． ID选择器(形如#id{}) > 类选择器(形如.class{}) > 标签选择器(形如body{}或者*｛｝)，也就是ID选择器，类选择器，标签选择器中，ID选择器的优先级最高，标签选择器最低；

2．选择器越具体优先级就越高，也就是

.classA .classB .classC{font-size: 25px;}

.classB .classC{font-size:18px}

.classC { font-size: 12px; }

这里.classA .classB .classC的优先级最高，.classC的优先级最低；

3．在同一个级别的情况下，最后指定的规则优先级就越高，也就是我们通常说的就近原则；html中标签的style的属性都高于css文件中的选择器样式；

4．标有”!important”的规则有最高优先级。

下面对CSS 中标有"!important"的规则有最高优先级进行说明：

CSS代码：

#idA{font-size:20px}

.classA{ font-size: 12px; }

HTML代码：

我们知道根据上面的规则可以看出#idA{font-size:20px}的样式将被引用，那我们如果要12像素的字呢？

CSS代码：

#idA{font-size:20px}

.classA{ font-size: 12px !important; }

HTML代码：

这样.classA{ font-size: 12px !important; }这个样式就被引用了。这种方法在优先级低的样式被优先级高的样式覆盖，又想引用优先级低的样式时候非常有用！

注意： !important在ie6下的一个BUG

还是看这一段代码，

CSS代码：

#idA{font-size:20px}

.classA{ font-size: 12px !important; }

HTML代码：

大家可以在IE6下测试一下，文字是12像素的，也就是.classA{ font-size: 12px !important; }被引用了，这证明IE6是支持!important的。但是css hack中用!important来区分ie6，说ie6不支持!important又是怎么回事呢？

原来ie6下，在同一个选择器样式（即同一个大括号里面）下!important是无效的，例如：

css代码：

.classA{ font-size: 68px !important; font-size: 12px }

HTML代码：

这里在ie6下是12像素的字，而其他浏览器下是68px的字，当然我们把样式改一下，!important放在后面，即.classA{ font-size: 12px;font-size: 68px !important; },那么ie6下和其他浏览器一样也是68px的字。也就是在同一个选择器样式（即同一个大括号里面）下!important被ie6彻底的无视了。

五：举例证明以上规则

<span id = “id3” class = “class3”> 显示字体的字号

</span>

</p>

</div>

其优先级有：（注意：多重样式继承之间有空格）

1 .class1 .class2 #id3 > #id3

2 .class1 .class2 .class3 > .class2 .class3 > .class3

3 #id1 #id2 #id3 > #id2 #id3 > #id3

4 #id2 #id3 > #id1 .class2 .class3 = .class1 .class2 #id3 > #id3

5 .class1 #id2 #id3 > #id1 .class2 .class3

6 .class3 span > span

7 span#id3 > .class2 span

8 .class2 #id3 > span#id3 > #id3

六：j2me 中实现

在解析一个网页样式时，对样式的赋值优先级顺序为：标签节点 < class样式 < id 样式 < id和class的复合样式 < 标签内嵌样式（如：<p style=” …” > </p>）

/** * 解析文档样式到节点标签 * modify by weimaolin * 2010-01-28 * @param node */ public void parseDocumentStyleToNode(BodyNode node) { parseTagStyleToNode(node); if(node.cssClass != null){ parseClassStyleToNode(node); } if(node.id != null){ parseIdStyleToNode(node); } if(complexStyleList.size() > 0 ){ parserComplexStyleToNode(complexStyleList,node); } }

至于内嵌样式的解析为：

/** * 解析节点样式 * @param style * @param handler */ public static void parseNodeStyle(String style, BodyNode node) { if (node != null) { if (style != null) { style = CommonUtils.trimLine(style); int len = style.length() - 1; if (len >= 3) { int lastPos = -1; for (;;) { int pos = style.indexOf(';', lastPos + 1); if (pos < 0) { pos = len + 1; } String partStyle = style.substring(lastPos + 1, pos); parseSingleStyle(partStyle, node); if (pos >= len) { break; } lastPos = pos; } } } node.parseStyleComplete(); } }

标签节点样式解析为：

/** * 解析TAG样式 * @param node */ public void parseTagStyleToNode(BodyNode node) { byte tagType = node.getTagType(); if (tagType != Tag.NOTYPE) { for (int n = 0; n < this.tagTypeList.size(); ++n) { StyleInfo info = (StyleInfo) this.tagTypeList.elementAt(n); int styleTagType = Tag.convertTagNameToTagType(info.getStyleName()); if (styleTagType == tagType || styleTagType == Tag.A && (node instanceof TextNode && ((TextNode) node).isCanFocus || node instanceof ImageNode && ((ImageNode) node).isCanFocus)) { StyleParser.parseNodeStyle(info.getStyleValue(), node); } //增加了a:link时的样式 add by weimaolin 2010-02-03 String styleAName = info.getStyleName().toLowerCase().trim(); if( styleAName.indexOf('a')!= -1 && styleAName.indexOf(':')!= -1 && styleAName.endsWith("link") ){ if(node.tagType == Tag.A){ StyleParser.parseNodeStyle(info.getStyleValue(), node); } } info = null; } } }

我重点阐述解析.class 和#id 样式。

/** * 解析ID样式 * @param node * modify by weimaolin 2010-01-30 */ public void parseIdStyleToNode(BodyNode node) { if (node.id != null) { parseClassAndIdToNode(node,false); } } /** * 解析Class样式 * @param node * modify by weimaolin 2010-01-30 */ public void parseClassStyleToNode(BodyNode node) { if (node.cssClass != null) { parseClassAndIdToNode(node,true); } }

/************************************************************** *function：解析标签样式中id 或者class 。 *@param node *@param classFlag *date：2010-1-30 *author：weimaolin *************************************************************/ public void parseClassAndIdToNode(BodyNode node,boolean classFlag){ String[] cssClassesOrId = null; Vector styleList = new Vector(); if(classFlag){ cssClassesOrId = CommonUtils.split(node.cssClass, " "); for(int i = 0; i < cssClassesOrId.length; i++){ cssClassesOrId[i] = "." + cssClassesOrId[i]; } styleList = this.classList; }else{ cssClassesOrId = new String[1]; cssClassesOrId[0]="#"+node.id; styleList = this.idList; } String nodeTagName = null; BodyNode parentNode = null; try{ nodeTagName = (String)Tag.convertTagTypeNameToTagName(new Byte(node.tagType)); if(node.getParentNode()!= null && node.getParentNode() instanceof BodyNode){ parentNode =(BodyNode) node.getParentNode(); } }catch(Exception ex){ System.out.println("get tagName is error: "+ex.toString()); } try{ int indexDotOrWarn = 0; int lastIndexDotOrWarn = 0; int indexSpace = 0; int lastIndexSpace = 0; // .class1 p 或者#id1 p 情况下的styleName ，优先级高于标签p里面的class或者id StyleInfo inheritStyleName = null; for (int m = 0; m < cssClassesOrId.length; m++) { for (int n = 0; n < styleList.size(); ++n) { StyleInfo info = (StyleInfo) styleList.elementAt(n); String styleName=info.getStyleName(); //有四种情况考虑：1: .class1、 #id ； 2 ：p.class1 、p#id1 ；3： .class1 td 、#id td ；4 class 和id的复合情况，详细见parseMulClassAndIdStyleToNode()方法。 if(classFlag){ indexDotOrWarn = styleName.indexOf('.'); lastIndexDotOrWarn = styleName.lastIndexOf('.'); }else{ indexDotOrWarn = styleName.indexOf('#'); lastIndexDotOrWarn = styleName.lastIndexOf('#'); } if(indexDotOrWarn == 0){ if(indexDotOrWarn == lastIndexDotOrWarn){ indexSpace = styleName.indexOf(32); lastIndexSpace = styleName.lastIndexOf(32); if(indexSpace != -1 && indexSpace == lastIndexSpace){ String tagName = styleName.substring(lastIndexSpace).trim(); String fatherStyle = styleName.substring(0,lastIndexSpace).trim(); if(tagName.equals(nodeTagName) && parentNode != null ){ String[] parentClass = null; if(classFlag && parentNode.cssClass != null){ parentClass = CommonUtils.split(parentNode.cssClass, " "); } if(classFlag == false && parentNode.id != null){ parentClass = CommonUtils.split(parentNode.id, " "); } for( int i = 0 ; parentClass != null && parentClass.length > 0 && i < parentClass.length ; i++ ){ if(fatherStyle.equals(parentClass[i]));{ inheritStyleName = info; } break; } } } } }else if(indexDotOrWarn > 0){ if(nodeTagName != null && styleName.substring(0,indexDotOrWarn) != null && styleName.substring(0,indexDotOrWarn).equals( nodeTagName ) && styleName.substring(indexDotOrWarn) != null && styleName.substring(indexDotOrWarn).equals(cssClassesOrId[m])){ //添加p.class1 或者p#id1 appointTagStyleInfo = info; StyleInfo tempinfo = info; complexStyleList.addElement(tempinfo); } } if (styleName != null && styleName.equals(cssClassesOrId[m])) { StyleParser.parseNodeStyle(info.getStyleValue(), node); } // .class1 p 或者#id1 p 无更复杂情况，可以在此解析样式； if(n == styleList.size()-1 && inheritStyleName != null){ StyleParser.parseNodeStyle(inheritStyleName.getStyleValue(), node); } info = null; } } }catch(Exception ex){ System.out.println("parseClassOrIdStyleToNode: "+ex); }finally{ styleList = null; } if(classFlag){ getMulClassAndIdStyleToNode(node,cssClassesOrId,classList); }else{ getMulClassAndIdStyleToNode(node,cssClassesOrId,idList); } }

/************************************************************** *function：解析标签中class 、id 继承样式表中复合情况。 *@param node *@param cssClassesOrId *@param classFlag *date：2010-1-30 *author：weimaolin *************************************************************/ public void getMulClassAndIdStyleToNode(BodyNode node, String[] cssClassesOrId , Vector classOrIdList){ BodyNode parentNode = null; //用来存放符合条件的 .class和 #id 的组合； Vector mulClassList = new Vector(); Vector tempMulClassList = new Vector(); Vector fatherClassAndId =new Vector(); for (int m = 0; m < cssClassesOrId.length; m++) { mulClassList.addElement(cssClassesOrId[m]); } //添加p#idn,p.classn if(appointTagStyleInfo != null){ String tempComplex = appointTagStyleInfo.getStyleName(); mulClassList.addElement(tempComplex); } // 提取#id和.class的复合样式 try{ int fatherNodeCount =0; int depthAdd = 0 ; do{ if( node.getParentNode() instanceof BodyNode && depthAdd < depth){ parentNode =(BodyNode) node.getParentNode(); }else{ break; } fatherClassAndId.removeAllElements(); tempMulClassList.removeAllElements(); if(parentNode != null ){ String idValue = parentNode.id; String classValue = parentNode.cssClass; String[] classStr = null; //判别父节点中是否有id、class属性及父标签带有子标签id或者class（如：h2 class3） if(classValue != null){ classStr = CommonUtils.split(classValue, " "); for(int i = 0; i < classStr.length; i++){ fatherClassAndId.addElement("."+classStr[i]+" "); } } if(idValue != null ){ fatherClassAndId.addElement("#"+idValue+" "); } if(fatherNodeCount < tagNumsInComplexStyle && (String)Tag.convertTagTypeNameToTagName(new Byte(parentNode.tagType))!= null){ fatherClassAndId.addElement((String)Tag.convertTagTypeNameToTagName(new Byte(parentNode.tagType)) + " "); } for(int p = 0;fatherClassAndId != null && p < fatherClassAndId.size(); p++){ if(mulClassList!=null && mulClassList.size() > 0){ for(int k = 0; k < mulClassList.size(); k++){ String sb = fatherClassAndId.elementAt(p).toString() + mulClassList.elementAt(k).toString(); for (int n = 0; n < classOrIdList.size(); n++) { StyleInfo info = (StyleInfo) classOrIdList.elementAt(n); String styleName=info.getStyleName(); if(styleName != null && styleName.equals(sb)){ complexStyleList.addElement(info); } } tempMulClassList.addElement(sb); } } } } node =(BodyNode) parentNode; fatherNodeCount++; depthAdd++; for(int v = 0; tempMulClassList.size() > 0 && v < tempMulClassList.size(); v++){ mulClassList.addElement(tempMulClassList.elementAt(v)) ; } }while(node != null ); }catch(Exception ex) { System.out.println("parseMulClassStyleToNode"+ex.toString()); }finally{ tempMulClassList = null; fatherClassAndId = null; appointTagStyleInfo = null; mulClassList = null ; } }

/************************************************************** *function：对取得的复合样式进行优先级排列并赋值给节点标签 *@param complexStyleList *date：2010-1-28 *author：weimaolin *************************************************************/ public void parserComplexStyleToNode(Vector complexStyleList,BodyNode node){ try{ if(complexStyleList != null && complexStyleList.size() > 0 ){ Vector styleList = new Vector(); int num = 0; // 选出全为.class 的条件选项；并按照越具体优先级越大排列； for(int i = 0; i < complexStyleList.size(); i++){ StyleInfo info = (StyleInfo) complexStyleList.elementAt(i); int prefix = info.getStyleName().indexOf('#'); if(prefix == -1){ styleList.addElement(info); num ++; complexStyleList.removeElement(complexStyleList.elementAt(i)); i--; } } int[] spaceNum = new int[num]; for(int k = 0; styleList.size() > 0 && k < styleList.size(); k++){ String element = ((StyleInfo)styleList.elementAt(k)).getStyleName().trim(); int spaceCount = 0; while(true){ int index = element.indexOf(32); if(index != -1){ spaceCount ++; element = element.substring(index + 1); }else{ break; } } spaceNum[k] = spaceCount; } for( int p = 0; styleList.size() > 0 && p < styleList.size(); p++){ for( int t = p+1; t < styleList.size(); t++ ){ if(spaceNum[p] > spaceNum[t]){ StyleInfo tempInfoP = ((StyleInfo)styleList.elementAt(p)); StyleInfo tempInfoT = ((StyleInfo)styleList.elementAt(t)); styleList.setElementAt(tempInfoT, p); styleList.setElementAt(tempInfoP, t); } } } //解析全为.class 的条件选项 for(int i = 0 ;i < styleList.size() ; i++){ StyleInfo info = (StyleInfo) styleList.elementAt(i); StyleParser.parseNodeStyle( info.getStyleValue(), node); } //选出含有#id复合样式。 styleList.removeAllElements(); int[] warnCount = null ; if(complexStyleList.size() > 0){ warnCount = new int[complexStyleList.size()]; } for( int k = 0 ;k < complexStyleList.size(); k++){ StyleInfo info = (StyleInfo)complexStyleList.elementAt(k); String ComplexStyle = info.getStyleName(); int count = 0; for(int i = 0; ComplexStyle!= null && i < ComplexStyle.length(); i++){ if( ComplexStyle.charAt(i)=='#'){ count++; } } warnCount[k] = count; styleList.insertElementAt(info, k); } for(int p = 0; warnCount != null && p < warnCount.length; p++){ for( int t = p+1 ; t < warnCount.length; t++){ StyleInfo tempInfoP = (StyleInfo)styleList.elementAt(p); StyleInfo tempInfoT = (StyleInfo)styleList.elementAt(t); if(warnCount[p] > warnCount[t]){ int temp = warnCount[t]; warnCount[p] = warnCount[t]; warnCount[p] = temp; styleList.setElementAt(tempInfoT, p); styleList.setElementAt(tempInfoP,t); } if(warnCount[p] == warnCount[t]){ String StyleNameP = tempInfoP.getStyleName(); String StyleNameT = tempInfoT.getStyleName(); while(true){ if(StyleNameP != null && StyleNameT != null ){ if(StyleNameP.indexOf(32)!= -1 && StyleNameT.indexOf(32) != -1){ String tempP = StyleNameP.substring(0, StyleNameP.indexOf(32)); String tempT = StyleNameT.substring(0, StyleNameT.indexOf(32)); if(tempP.charAt(0)=='#'){ if(tempT.charAt(0)=='#'){ }else{ styleList.setElementAt(tempInfoP, t); styleList.setElementAt(tempInfoT, p); break; } }else{ if(tempT.charAt(0)=='#'){ break; } } StyleNameP = StyleNameP.substring(StyleNameP.indexOf(32)+1); StyleNameT = StyleNameT.substring(StyleNameT.indexOf(32)+1); }else{ break; } } else{ break; } } } } } //解析含有有#号的复合.class 的条件选项 for(int i = 0; i < styleList.size(); i++ ){ StyleInfo info = (StyleInfo) styleList.elementAt(i); // System.out.println("info styleName "+ info.getStyleName()); StyleParser.parseNodeStyle( info.getStyleValue(), node); } styleList = null; } }catch(Exception ex){ System.out.println(ex.toString()); }finally{ complexStyleList.removeAllElements(); } } /************************************************************** *function：对取得的复合样式进行优先级排列并赋值给节点标签 *@param complexStyleList *date：2010-1-28 *author：weimaolin *************************************************************/ public void parserComplexStyleToNode(Vector complexStyleList,BodyNode node){ try{ if(complexStyleList != null && complexStyleList.size() > 0 ){ Vector styleList = new Vector(); int num = 0; // 选出全为.class 的条件选项；并按照越具体优先级越大排列； for(int i = 0; i < complexStyleList.size(); i++){ StyleInfo info = (StyleInfo) complexStyleList.elementAt(i); int prefix = info.getStyleName().indexOf('#'); if(prefix == -1){ styleList.addElement(info); num ++; complexStyleList.removeElement(complexStyleList.elementAt(i)); i--; } } int[] spaceNum = new int[num]; for(int k = 0; styleList.size() > 0 && k < styleList.size(); k++){ String element = ((StyleInfo)styleList.elementAt(k)).getStyleName().trim(); int spaceCount = 0; while(true){ int index = element.indexOf(32); if(index != -1){ spaceCount ++; element = element.substring(index + 1); }else{ break; } } spaceNum[k] = spaceCount; } for( int p = 0; styleList.size() > 0 && p < styleList.size(); p++){ for( int t = p+1; t < styleList.size(); t++ ){ if(spaceNum[p] > spaceNum[t]){ StyleInfo tempInfoP = ((StyleInfo)styleList.elementAt(p)); StyleInfo tempInfoT = ((StyleInfo)styleList.elementAt(t)); styleList.setElementAt(tempInfoT, p); styleList.setElementAt(tempInfoP, t); } } } //解析全为.class 的条件选项 for(int i = 0 ;i < st

总的思路为：先解析标签，其次class，再是#id ，然后再找出id和class的复合样式，并通过parserComplexStyleToNode（）方法进行排列，并赋予样式值。

参考文献：1 http://www.w3school.com.cn/css/

2 http://www.css88.com/archives/1716

3 http://www.cssforest.org/faq/topic/view/19.html