如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
Sass(Scss)嵌套规则
Sass / Scss 的嵌套规则:选择器嵌套、属性嵌套、伪类嵌套、群组选择器嵌套等。
工具/原料
- HBuilder(自动编译)
- html,sass/scss
方法/步骤
选择器嵌套(选择器与css中选择器一致)
(id选择器、类别选择器、标记选择器、并集选择器、交集选择器、后代选择器等)
header>
nav>
a href="javascript:;">选择器嵌套/a>
a href="javascript:;">选择器嵌套/a>
/nav>
/header>
属性嵌套:
div>
属性嵌套
/div>
伪类嵌套:
ul class="clearfix">
li>伪类嵌套/li>
li>伪类嵌套/li>
li>伪类嵌套/li>
/ul>
父选择器标识符&:
div class="div1">
a>1.父选择器标识符&/a>
/div>
div class="div2">
a>2.父选择器标识符&/a>
/div>
并集选择器嵌套(群组选择器嵌套):
div class="div1">
h1>群组选择器嵌套/h1>
h2>群组选择器嵌套/h2>
h3>群组选择器嵌套/h3>
a>群组选择器嵌套/a>
/div>
div class="div2">
a>群组选择器嵌套/a>
/div>
选择器(>, ):
' > ':下一级(父子)
' ':同一级下一个(兄弟)
div>
h4>选择器(>)/h4>
h5>选择器( )/h5>
/div>
注意事项
- 个人经验,如有不明白的地方可以提出疑问
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 437 HTML