今天做一个页面,无意中看到这个nth-of-type感觉挺方便的,之前单双行有的有横线,有的无横线一般在html中单独再写border-right:none等之类的。现在发现这个好东西赶紧记录下来。

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字、关键词或公式。

.uninstall_form .uninstall_list_checkbox:nth-of-type(odd){border-right:1px solid #e6e6e6}
<form onsubmit="return check()" action="" method="post" name="post_unintall" id="post_unintall">
<div class="uninstall_list">
<input type="checkbox" id="uninstall_list1" name="my_check[]" value="1">
<label class="uninstall_list_checkbox">我想下某个软件结果下载了安智市场</label>
</div>
<div class="uninstall_list">
<input type="checkbox" id="uninstall_list1" name="my_check[]" value="2">
<label class="uninstall_list_checkbox">手机出问题,卸载了重装试试</label>
</div>
<div class="uninstall_list">
<input type="checkbox" id="uninstall_list2" name="my_check[]" value="3">
<label class="uninstall_list_checkbox">软件不全,好多软件找不到</label>
</div>        
        .....
</form>

odd奇数行右面有一条线  even偶数行没有,还可以用2n+1表示奇数,2n表示偶数,3n+1表示每个三个显示。

类似的也有

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。

有一个css样式我感觉也很有用  记录下来

background-clip: border-box|padding-box|content-box;

background-clip 属性规定背景的绘制区域。

border-box是背景被裁剪到边框盒。

效果这样的

aaarticlea/png;base64,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" alt="" width="286" height="176" />

padding-box背景被裁剪到内边距框。

效果这样的:

aaarticlea/png;base64,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" alt="" width="276" height="173" />

content-box是背景被裁剪到内容框。

效果是这样:

aaarticlea/png;base64,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" alt="" width="271" height="170" />

css:nth-of-type()选择器用法的更多相关文章

  1. 牢记 31 种 CSS 选择器用法

    原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2011 年 6 月,介绍了 30 种最常用的 CSS 选择器用法,多加了一种, ...

  2. css选择器用法,使用css定位元素,css和xpath元素定位的区别

    css定位元素 1.什么是css? CSS(Cascading Style Sheets)层叠样式表,是一种语言,用来描述html或者xml的显示样式.在css语言中有css选择器,在selenium ...

  3. CSS样式----图文详解:css样式表和选择器

    主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS三种扩展选择器:组合选择器.后代选择 ...

  4. 1:CSS中一些@规则的用法小结 2: @media用法详解

    第一篇文章:@用法小结 第二篇文章:@media用法 第一篇文章:@用法小结 这篇文章主要介绍了CSS中一些@规则的用法小结,是CSS入门学习中的基础知识,需要的朋友可以参考下     at-rule ...

  5. CSS样式----css样式表和选择器(图文详解)

    本文最初于2015-10-03发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样 ...

  6. 不可不看!CSS3中三十一种选择器用法

    原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2012 年 6 月,介绍了 30 种最常用的 CSS 选择器用法,多加了一种, ...

  7. jquery选择器用法

    jquery的基础选择器 选择器的用法其实跟咱们当时讲css的选择器用法类似,只是代码书写的不同 <ul> <li id="brother" class=&quo ...

  8. 你所不知道的 CSS 阴影技巧与细节 滚动视差?CSS 不在话下 神奇的选择器 :focus-within 当角色转换为面试官之后 NPOI 教程 - 3.2 打印相关设置 前端XSS相关整理 委托入门案例

    你所不知道的 CSS 阴影技巧与细节   关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filter:drop-shadow 详解及奇技淫巧,介绍了一些关于 box-shadow  ...

  9. 【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

    [CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面 ...

  10. CSS简介,基础选择器,字体属性,文本属性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

随机推荐

  1. Android ListView异步加载数据

    1.主Activity public class MainActivity extends Activity { private ListView listView; private ArrayLis ...

  2. 《Gulp 入门指南》 : 使用 gulp 压缩 JS

    <Gulp 入门指南> : 使用 gulp 压缩 JS 请务必理解如下章节后阅读此章节: 安装 Node 和 gulp 访问论坛获取帮助 压缩 js 代码可降低 js 文件大小,提高页面打 ...

  3. Android 写文件到手机

    1)// 在手机中创建文件 FileOutputStream phone_outStream =this.openFileOutput("1.txt", Context.MODE_ ...

  4. bzoj1264

    表面上看这是一道LCS问题 LCS问题O(n2)的复杂度已经很优秀了 而这道题需要O(nlogn)以下的复杂度才能AC 所以我们要找经典问题的特殊性 特殊就在这两个串中,每个数字都是恰好出现5次 不难 ...

  5. mac上做透明图片, png, alpha

    现在OS X中自带的[预览]功能十分强大,我们甚至可以通过预览来直接制作一些透明效果的PNG图片,当做图片素材(例如图标)使用.这里要用到的是[预览]中的“即时Alpha”工具. -首先我们要使用预览 ...

  6. 拷贝出你GAC里面的DLL文件

    转:http://blog.sina.com.cn/s/blog_573be9bc0100ht65.html 早上和同事探讨如何从GAC中拷贝已经部署的DLL文件的时候,除了以前熟悉的命令行拷贝方法, ...

  7. Android 网络通信框架Volley简介(Google IO 2013)

    1. 什么是Volley 在这之前,我们在程序中需要和网络通信的时候,大体使用的东西莫过于AsyncTaskLoader,HttpURLConnection,AsyncTask,HTTPClient( ...

  8. Android 颜色配置表-颜色类

    android开发中,常常会用到color.xml颜色配置,好的颜色配置可以让尼的应用让人看起来赏心悦目! 不罗嗦,上图先 该工程已经罗列了常用的颜色配置 附上工程链接:http://download ...

  9. 对 Linux 初级、中级、高级用户非常有用的 60 个命令

    对 Linux 初级.中级.高级用户非常有用的 60 个命令 初级篇: 你打算从Windows换到Linux上来,还是你刚好换到Linux上来?哎哟!!!我说什么呢,是什么原因你就出现在我的世界里了. ...

  10. 各个平台 如何安装 Ruby 和 RubyGems

    原文地址:http://cloudfoundry-doc.csdn.net/frameworks/ruby/installing-ruby.html Last Updated: 2012-11-01 ...