小编cha*_*les的帖子

这让我疯狂:

HTML:

<div><h1>Hello World!</h1></div>

CSS:

*:not(div) h1 { color: #900; }

这不是读",选择所有h1具有祖先不是div元素的元素......？" 因此,"你好世界!" 不应该是红色的,但它仍然是.

对于上面的标记,添加子组合器有效:

*:not(div) > h1 { color: #900; }

但h1如果元素不是元素的子元素,则不会影响div元素.例如:

<div><article><h1>Hello World!</h1></article></div>

这就是为什么我想将h1元素表示为元素的后代而不是子div元素.任何人？

这是Chrome错误吗？

这是HTML:

<div><img src="test.png"></div>

这是CSS:

* { box-sizing: border-box; }
div { height: 200px; padding: 75px 0 60px; }
img { max-height: 100%; }

预期结果:img应该有65px的高度.

在Mac OS上的Chrome(v.27.0.1453.116)中的结果(v.10.6.8):img高度为135px并且"渗透"到父级div的填充中.如果我改变padding的div到50px 0,奇怪的是它呈现正常.

在codepen中玩这个:http://codepen.io/anon/pen/jhbKz

截图:

第一个块padding的50px 0.第二区块padding的75px 0 60px.

Firefox(正确的结果)

Chrome(错了吗？)

我在Mac上用OS X 10.6安装了MAMP.这台电脑的名字是巧克力.

如果我想用巧克力查看巧克力上的页面,我可以在浏览器的地址栏中输入.如果我想从另一台Mac或iOS设备(例如iPad)上查看巧克力上的页面,我可以输入.localhost/chocolate.local

但是,当我在chocolate.localAndroid手机的股票浏览器上输入时,我会看到一个搜索结果页面.如果我输入http://chocolate.local/,我会收到"网页不可用"消息.

但我可以使用巧克力的IP地址从我的Android连接.是否无法使用Android连接到Mac上的本地Web服务器computername.local？

测试: Chrome 23,Firefox 15,Opera 11(没有IE10或Safari 6)

使用此HTML:

<progress value=3 min=1 max=10></progress>

这个CSS:

progress { border: 0 }

...元素的默认浏览器呈现消失.相反,它被一个基本的酒吧所取代.Firebug和Chrome的Web检查器表明该元素最初没有边框宽度.

奇怪的是,如果0被替换为none:

progress { border: none }

... Chrome不受影响,但FF和Opera是相同的.

顺便说一句,这个基本栏怎么样？这类事物的文档(以及其他类型,如样式input[type=file])存在于何处？

IE 10,Windows 8:

Chrome 23,Mac OS X 10.6.8:

Firefox 15,Mac OS X 10.6.8:

Opera 12,Mac OS X 10.6.8: