求一个匹配CSS属性的正则表达式 85
假设一条CSS如下：width:697px;border:1pxsolid#ccc;border-width:3px;如何使用正则根据已知“width”，匹配到width...
假设一条CSS如下：
width : 697px; border:1px solid #ccc; border-width:3px;
如何使用正则根据已知“width”，匹配到width:697px;属性呢？同时要防止匹配到border-width中的width:3px。(匹配的时候，能忽略多个空格或换行）
但又要保证匹配已知“border-width”的时候能正确匹配到border-width:3px的值。
当然了，CSS中还有很多类似的，例如color和border-color等，也能根据需要匹配到正确的值..
我正则不太精通，拜托各位高人啦.
不对不对，还没有一个正确..
我的正则：[^-;]+width\s*:[^;]*; and [^-;]+border-width\s*:[^;]*;
首先：为了防止获取其他分号后的属性，“:”后面应该是“:[^;]*;”,否则会匹配到最后一个分号..
再次：我上面的正则当每条属性前面有一个或多个空格的时候:
" width : 697px; border:1px solid #ccc; border-width : 3px ; "
，都能正确匹配到,
但是却不能匹配到当属性紧凑排列的时候：
“width : 697px;border:1px solid #ccc;border-width:3px;”
我想在我的正则基础上修改一下就应该可以了..(字符前面不允许"-"和";",但可以有0个或多个的空格)..希望能测试一下后再回答..谢谢 展开
width : 697px; border:1px solid #ccc; border-width:3px;
如何使用正则根据已知“width”，匹配到width:697px;属性呢？同时要防止匹配到border-width中的width:3px。(匹配的时候，能忽略多个空格或换行）
但又要保证匹配已知“border-width”的时候能正确匹配到border-width:3px的值。
当然了，CSS中还有很多类似的，例如color和border-color等，也能根据需要匹配到正确的值..
我正则不太精通，拜托各位高人啦.
不对不对，还没有一个正确..
我的正则：[^-;]+width\s*:[^;]*; and [^-;]+border-width\s*:[^;]*;
首先：为了防止获取其他分号后的属性，“:”后面应该是“:[^;]*;”,否则会匹配到最后一个分号..
再次：我上面的正则当每条属性前面有一个或多个空格的时候:
" width : 697px; border:1px solid #ccc; border-width : 3px ; "
，都能正确匹配到,
但是却不能匹配到当属性紧凑排列的时候：
“width : 697px;border:1px solid #ccc;border-width:3px;”
我想在我的正则基础上修改一下就应该可以了..(字符前面不允许"-"和";",但可以有0个或多个的空格)..希望能测试一下后再回答..谢谢 展开
4个回答
展开全部
/[^-]+(width[^;]+;)/g;
测试代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<script language="javascript">
<!--
str ="width : 697px;width : 693px;width:694px;width : 695px;width : 696px; border:1px solid #ccc; border-width:3px;"
re = /[^-]+(width[^;]+;)/g;
alert(str.match(re));
//-->
</script>
</body>
</html>
测试代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<script language="javascript">
<!--
str ="width : 697px;width : 693px;width:694px;width : 695px;width : 696px; border:1px solid #ccc; border-width:3px;"
re = /[^-]+(width[^;]+;)/g;
alert(str.match(re));
//-->
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假如str =" color:red;width : 697px;...."时连color也匹配上了,
wokanxia的不行~~单独用match方法不好弄的.
wokanxia的不行~~单独用match方法不好弄的.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
[^-;]+width改为[^-;]+|\s*width
不过这样只能匹配一次而且还重复出现两次...
不过这样只能匹配一次而且还重复出现两次...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个我不太懂,不过你能不能换个方式,灵活一点,
先吧color和border-color都匹配了,
然后在单独匹配border-color,最后剩下color,也是一样的效果.
先吧color和border-color都匹配了,
然后在单独匹配border-color,最后剩下color,也是一样的效果.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
