nth-child的使用

<div id="BorderOne">
     <span>1</span>
     <span>2</span>
     <span>3</span>
</div>

#BorderOne span:nth-child(1){}
#BorderOne span:nth-child(2){}
#BorderOne span:nth-child(3){}

nth-of-type(2)的使用

<div class="div1">

  <ul>

    <li></li>

    <li></li>

    <li></li>

  </ul>

</div>

样式则为:

  .div1>ul>li:nth-of-type(2){

      写样式即可

   }


margin-right:none等

在一个大的div里嵌套一个div使其居中可用以下css样式给第二div设置

divTwo{margin-right:atuo;margin-left:auto}自己可根据实际情况外加padding

转载于:https://www.cnblogs.com/YDshuaizai/p/7055479.html

后代选择+++margin-right:auto相关推荐

  1. [css] 怎么IE6下在使用margin:0 auto;无法使其居中?

    [css] 怎么IE6下在使用margin:0 auto;无法使其居中? 浏览器解析的问题,IE6下需要对居中的元素设置text-align:center属性使其margin:0 auto;生效. 个 ...

  2. 块状元素的居中,首先设置宽度,再设 margin: 0 auto

    块状元素的居中,首先设置宽度 width="10px",再设 margin: 0 auto; . 转载于:https://www.cnblogs.com/npk19195globa ...

  3. css中margin:0 auto没作用

    很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其 ...

  4. margin: 0 auto;的作用

    在html中,为什么我们设置一个margin: 0 auto;就可以使得块元素居中? <!DOCTYPE html> <html lang="en"> &l ...

  5. CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别

    css中padding和margin的区别 margin 外边距 border 边框 padding 内边距 padding-left:10px; 左内边距.padding-right:10px; 右 ...

  6. 行内元素设置margin:0 auto无效的问题

    行内元素指的是可在同一行内排列的元素,列举几个常用行内元素:img.input.span.label.a.textarea.button. 通常要给元素设置居中得效果的话,很多人会先想到margin: ...

  7. html中auto是设置什么的,css中margin:auto什么意思?margin:auto属性的用法详解

    我们都知道使用margin:auto可以让元素水平居中的.但你有没有想过使用margin:auto可以让元素水平居中的原因,要回答这个问题,我们首先需要看一下margin:auto的工作原理.auto ...

  8. margin:0 auto是什么意思

    margin是外边距的意, 当一个元素样式属性里有dumargin:0 auto时,并且父元素的宽度是确定的, 意思是这个元素处于其父元素的居中位置,并且这个元素的上下外边距为0 即:上下外边距为0, ...

  9. text-align:center 和margin:0 auto的区别

    基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式;   该属性通过指定行框与哪个点对齐,从而设置块级元素内文本水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性.支持值 ...

  10. css【详解】—— margin属性(含margin合并,margin:auto,margin失效)

    目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素 阻止margin-top合并的方法 阻止margin-bottom合并的方法 3. 空块级元素的m ...

最新文章

  1. 关于线程执行顺序的问题
  2. python与其他编程语言对比优点_Python编程不同于其他编程语言的优点
  3. 【转】TechEd第一课:新一代关系管理系统XRM**
  4. DevOps组织IO专业人员新角色分析与技能提升
  5. OGNL(Object-Graph Navigation Language对象图定位语言)和struts2标签
  6. CF1062F Upgrading Cities
  7. Ansys Lumerical Zemax Speos | CMOS 传感器相机:3D 场景中的图像质量分析
  8. 《应用时间序列分析:R软件陪同》——2.6 MA 模型
  9. Python:Django面试题
  10. Hadoop原理讲解(面试题)
  11. 特殊日历计算 —— C++
  12. 泰克Tektronix示波器软件TDS1012|TDS2002|TDS2004上位机软件NS-Scope
  13. qt编写的mask遮罩的半透明涂抹功能
  14. LYOI 78 小澳的葫芦
  15. 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。 输入一个非减排序的数组的一个旋转,输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转,该数组
  16. 域名解析的原理是什么?域名解析的流程是怎样的?
  17. A Game of Thrones(30)
  18. PHP资源,库,工具大全
  19. CSDN算法刷题地址
  20. 智能楼宇中的安防监控系统

热门文章

  1. [转]形态学操作:膨胀与腐蚀
  2. 4个技巧,教你如何用excel绘制出高大上的图表
  3. python多元回归 导出参数统计结果_如何从统计模型中WLS回归的二维参数得到检验的预测...
  4. linux php整合mysql_linux下Apache、php3、MySQL的整合
  5. protobuf java 自动反射_protobuf在java应用中通过反射动态创建对象
  6. android layout引入活动,Android 开发入门-活动的基本用法
  7. 计算机组成原理 第六章 总线
  8. 软件工程导论 统一建模语言UML概述
  9. pytorch损失函数(正在更新中,勿点进来看)
  10. C语言编程规范(排版)