工作中的CSS总结
1.hover同級標簽樣式
“ + ” 用于同級選擇
==注意：只對相鄰的同級起作用，非相鄰的同級無效==
<body> <style>.first {color: #5d756e;}.first:hover + .fourth {color: red}/*>或空格均可用于子代選擇*/.first:hover > .first-child {color: #000000}.first:hover + .second {color: rgba(0, 0, 0, 0.38);}.first:hover + .second > .third {color: #0000FF;}/* ‘+’ 用于同級選擇 *//* ‘>’ 或 ‘ ’ 用于后代選擇 */</style> <div class='first'>計劃hover元素<div class="first-child">hover元素的子元素</div> </div> <div class='second'>緊鄰hover的下個同級元素<div class='third'>緊鄰hover的下個同級元素的子元素</div> </div> <div class="fourth" style="">非緊鄰hover的同級元素，無法改變</div> </body>復制代碼2.幾次方，平方米，立方米,上標，下標，刪除線等的表示方法
上標 下標 刪除線 小號字 插入字 M2 54 X24+Y1<3=100 N5N<sup>上標</sup><sub>下標</sub><del>刪除線</del><small>小號字</small><ins>插入字</ins>M<sup>2</sup>5<sup>4</sup><h1>X<sub>2</sub><sup>4</sup>+Y<sub>1</sub><<sup>3</sup>=<del>100</del></h1><h1>N<ins>5</ins><small>N</small></h1> 復制代碼轉載于:https://juejin.im/post/5bc5b2f2e51d450e6b0e3446
總結
- 上一篇： php基础知识（六）
- 下一篇： hyper-v NAT网络