wepy怎么解析css文件
发布网友
发布时间：2022-03-16 20:52
共3个回答
懂视网
时间：2022-03-17 01:13
wpy是一种文件扩展名，WPY文件与O种文件类型相关联，可以使用Unknown Developer开发的Binary Data查看。 总的来说，这种格式与O种已知的软件应用程序相关联。它们通常以Binary Data文件格式存在。WPY主文件类型的普及性为“媒体”，这意味着有时可以在常用的桌面或移动设备上找到这些文件。
计算机文件属于文件的一种，与普通文件载体不同，计算机文件是以计算机硬盘为载体存储在计算机上的信息集合。文件可以是文本文档、图片、程序等等。文件通常具有三个字母的文件扩展名，用于指示文件类型（例如，图片文件常常以 JPEG 格式保存并且文件扩展名为 .jpg）。文件是与软件研制、维护和使用有关的资料，通常可以长久保存。文件是 软件 的重要组成部分。在软件产品研制过程中，以书面形式固定下来的用户需求、在研制周期中各阶段产生的规格说明、研究人员作出的决策及其依据、遗留问题和进一步改进的方向，以及最终产品的使用手册和操作说明等，都记录在各种形式的文件档案中。
热心网友
时间：2022-03-16 22:21
最近为了满足功能研发，动态设置部件属性信息，需要解析前端界面的CSS样式表，但是在网上查了查，目前比较合适的是cssparser，但是不满足获取样式的某个属性，这是我写了个工具类，通过正则表达式和cssparser解析样式文件，获取样式类信息，也可获取某个样式类下的某个属性信息，代码如下，需要引入两个jar包（cssparser-0.9.18.jar和sac.jar，在附件中可下载）
package com.demo;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
import org.w3c.css.sac.InputSource;
import org.w3c.dom.css.CSSRule;
import org.w3c.dom.css.CSSRuleList;
import org.w3c.dom.css.CSSStyleSheet;
import com.steadystate.css.parser.CSSOMParser;
import com.steadystate.css.parser.SACParserCSS3;
public class CSSUtil {
private CSSStyleSheet sheet = null;
public CSSStyleSheet getSheet() {
return sheet;
}
public void setSheet(CSSStyleSheet sheet) {
this.sheet = sheet;
}
/**
* 指定文件流
* @param stream
*/
public CSSUtil(InputStream stream){
InputSource source = new InputSource(new InputStreamReader(stream));
CSSOMParser parser = new CSSOMParser(new SACParserCSS3());
try {
sheet = parser.parseStyleSheet(source, null, null);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
/**
* 获取样式信息
* @param className 样式名
* @return 返回该样式的信息
*/
public String getClass(String className){
if(sheet == null){
return null;
}
String res = "";
CSSRuleList rules = sheet.getCssRules();
for (int i = 0; i < rules.getLength(); i++) {
CSSRule rule = rules.item(i);
Pattern pattern = Pattern.compile("\\."+className + ".*([^\\{]\\{.*[^\\}]\\})");
Matcher matcher = pattern.matcher(rule.getCssText());
while(matcher.find()){
res = res + matcher.group(1) + "\n";
}
}
return res;
}
/**
* 获取某个样式类下的某个属性信息，没有返回空
* @param className 样式类名称
* @param attrName 属性名称
* @return
*/
public String getCssAttribute(String className, String attrName){
String classContent = this.getClass(className);
Pattern pattern = Pattern.compile("[^a-zA-Z\\-]" + attrName + ":\\s*([^;\\}]{1,100})\\s*[;\\}]{1}");
Matcher matcher = pattern.matcher(classContent);
String res = "";
while(matcher.find()){
res = matcher.group(1);
}
return res;
}
}
热心网友
时间：2022-03-16 23:39
Less 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，将 CSS 赋予了动态语言的特性，如变量、继承、运算、函数等。
1、变量
//设置变量@niceBlue: #2182e8;
@lightBlue: @niceBlue + #333;
@fontSize: 14px;
//使用变量
.p1 { font-size: @fontSize; color: @niceBlue; }
.p2 { font-size: @fontSize + 4; color: @lightBlue; }
2、带参数的混合
在 Less 中，还可以像函数一样定义一个带参数的属性集合:
.border-radius (@radius) {border-radius: @radius;
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
}
3、运算
Less中任何数字、颜色或者变量都可以参与运算（加、减、乘、除）
@base: 5;@filler: @base * 2;
.demo4{
padding: 5px * @base;
width: 100% / 2 + @filler;
color: #333 - #111;
background-color: #e6ebf9;
}
参考资料：
10分钟学会CSS预处理语言Less
