Html Openwave移动浏览器误解了CSS子选择器和子选择器
我正在设计一个网站，并在运行Openwave移动浏览器6.2.3.2的LG VX8360手机上进行测试。在我的网站上，很多事情看起来都不对劲，我注意到浏览器没有正确处理CSS子选择器或子选择器。我制作了一个这样的页面：Html Openwave移动浏览器误解了CSS子选择器和子选择器,html,css,mobile,Html,Css,Mobile,我正在设计一个网站，并在运行Openwave移动浏览器6.2.3.2的LG VX8360手机上进行测试。在我的网站上，很多事情看起来都不对劲，我注意到浏览器没有正确处理CSS子选择器或子选择器。我制作了一个这样的页面： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> &l
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mobile test</title>
<style type="text/css">
div div {
background: yellow}
</style>
</head>
<body>
<div>test 1 - this div should have no background</div>
<br>
<div><div>test2 - this div should have a yellow background</div></div>
</body></html>
移动测试
div div{
背景：黄色}
测试1-此div应该没有背景
test2-这个div应该有一个黄色的背景
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mobile test</title>
<style type="text/css">
div {
background: red;}
.foo div {
background: yellow;}
</style>
</head>
<body>
<div>test 1 - this div should be red.</div>
<br>
<div class="foo"><div>test 2 - this div should be yellow.</div></div>
</body></html>
移动测试
div{
背景：红色；}
傅分区{
背景：黄色；}
测试1-此div应为红色。
测试2-该div应为黄色。
编辑4:我找不到任何关于此浏览器支持或不支持哪种CSS功能以及如何解决问题的全面、客观的信息。如果这是一个晦涩、过时、不受欢迎的浏览器，我会忘记这个问题。然而，几天前我走进一家Verizon商店，在他们的一些手机上测试我的网站，我发现很多全新的手机似乎都有这个浏览器的相同版本，还有它的漏洞。Peter Paul Koch测试和兼容表以及移动浏览器上的博客帖子可以帮到你很多：
你可以从它的测试开始 它是一个WAP浏览器（显然）与HTML网站有问题吗？如果可能的话，可以购买Opera或其他手机（智能手机）或。。。混合吗？：）或者建立一个WAP网站（编辑：以防万一，我在和WAP网站开玩笑） 否则，正如我在对你的问题的评论中提到的，还需要进一步的测试
- 两个div的样式都不同
- 以不同的方式加载CSS（老式的@import，样式属性还可以吗）
- 删除样式元素上的type属性（仍在尝试以不同方式加载CSS）
- 通过添加文本和完全不同的div顺序，使HTML代码略有不同
- id和类选择器
- id和类选择器组合到一个元素
- UTF-8是个问题吗
- 删除每个端点标记
- 删除doctype
- 删除元数据
div{background:red；}