CSS3个人盲点总结总结中..........
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3个人盲点总结总结中..........相关的知识,希望对你有一定的参考价值。
- ~:表示同辈元素之后指定类型的元素,如;elm1 ~ elm2表示,elm1之后的所有elm2元素,且elm1与elm2都是在同一个父级元素。
- +:表示同辈元素的兄弟元素。
- \A:一个空白换行符
<head> <meta charset="UTF-8"> <title>Document</title> <style> dt, dd{ display: inline; } dd{ font-weight: bold; margin: 0px 0px 0px 5px; } dd + dt::before{ content: ‘\A‘; white-space: pre; /*html默认换行符与其相邻的其他空白符合并,pre表示不合并空白符*/ } dd + dd::before{ content: ‘,‘; margin-left: -5px; } </style> </head> <body> <dt>Name</dt><dd>Sam Long</dd> <dt>Email</dt><dd>[email protected]</dd><dd>[email protected]</dd> <dt>Location</dt><dd>CQ</dd> </body> 复制代码
以上是关于CSS3个人盲点总结总结中..........的主要内容,如果未能解决你的问题,请参考以下文章