今天終于讀上了張鑫旭大佬的《css世界》了，其中也實(shí)踐了一些，發(fā)現(xiàn)一些說得不好的地方。
1.關(guān)系選擇器中的相鄰兄弟選擇器有點(diǎn)說得不對
原文是這么說的
相鄰兄弟選擇器：僅僅選擇當(dāng)前元素相鄰的那個合乎規(guī)則的兄弟元素。+連接。適用于 IE7 以上版本。
可是經(jīng)過測試發(fā)現(xiàn)應(yīng)該這么只說更具體僅僅選擇當(dāng)前元素相鄰的后面那個合乎規(guī)則的兄弟元素。+連接。
栗子如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.red + div{
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div></div>
<div id="a" class="red">sss</div>
<div></div>
</body>
</html>
例子圖片.png
如果像張鑫旭大佬說的那樣前面那個div也應(yīng)該有樣式才對啊，可是沒有，說明 + 相鄰兄弟選擇器也只是選擇它后面那個和它相鄰的兄弟，前面的就有心無力啦....
2018/08/10
今天發(fā)現(xiàn)了一個很奇怪的問題：
inline-table和inline-block到底有哪些區(qū)別呢？
特意去MDN查看了一下，發(fā)現(xiàn)好像沒有區(qū)別，
/* <display-legacy> values */
display: inline-block;
display: inline-table;
display: inline-flex;
display: inline-grid;
把這些都?xì)w為一類。。。
感覺有點(diǎn)小糾結(jié)??，希望有知道inline-table和inline-block這兩個的區(qū)別的給我留言說說，在這里感謝各位大哥，大姐。
未完~~~~
