2017年8月14日
CSS3选择器 :read-only选择器 CSS3选择器 :read-write选择器
摘要： CSS3选择器 :read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” 示例演示 通过“:read-only”选择器来设置地址文本框的样式。 HTML代码： CSS代码： 结果演示 CSS3 阅读全文
posted @ 2017-08-14 16:47 1点 阅读(566) 评论(0) 推荐(0)
CSS3选择器 ::before和::after
摘要： :before和:after伪元素的用法 :before和:after伪元素的用法十分简单；下面的代码样例中， :before 和 :after 将会在 blockquote 元素之前和之后插入新内容，它使用content属性，也就是在内容上进行操作。 下面的代码中一个引号标记将出现在blockqu 阅读全文
posted @ 2017-08-14 16:21 1点 阅读(19945) 评论(0) 推荐(3)
2017年8月12日
css 伪类选择器:checked实例讲解
摘要： css :checked伪类选择器介绍 css :checked伪类选择器用于选择匹配所有被选中的单选按钮(radio)或复选框(checkbox),你可以结合:checked伪类选择器和:not选择器来匹配选择没有被选中的单选按钮或复选框。 语法： 如： 设置被选中的单选按钮(radio)或复选框 阅读全文
posted @ 2017-08-12 12:10 1点 阅读(7077) 评论(0) 推荐(1)
css3 :enabled与:disabled伪类选择器
摘要： css :enabled和:disabled伪类选择器 在Web表单中，有些表单元素（如输入框、密码框、复选框等）有“可用”和“不可用”这2种状态。默认情况下，这些表单元素都处在可用状态。 在CSS3中，我们可以使用:enabled选择器和:disabled选择器来分别设置表单元素的可用与不可用这两 阅读全文
posted @ 2017-08-12 12:00 1点 阅读(848) 评论(0) 推荐(0)
CSS3 nth-of-type(n)选择器 last-of-type选择器 nth-last-of-type(n)选择器 CSS3 only-child选择器 only-of-type选择器
摘要： CSS3 nth-of-type(n)选择器 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型 阅读全文
posted @ 2017-08-12 10:41 1点 阅读(1805) 评论(0) 推荐(0)
css3 first-of-type选择器以及css3选择器中:first-child与:first-of-type的区别
摘要： CSS3 first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 示例演示： 通过“:first-of-type”选择器，定位div容器中的第一个p元素（p不 阅读全文
posted @ 2017-08-12 09:47 1点 阅读(756) 评论(0) 推荐(0)
2017年8月11日
CSS3 结构性伪类选择器（2）
摘要： CSS3 结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。 示例演示 通过“:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。 阅读全文
posted @ 2017-08-11 22:18 1点 阅读(404) 评论(0) 推荐(0)
CSS3属性之 target伪类实现Tab切换效果
摘要： CSS3 :target伪类用来改变页面中锚链接URL所指向的ID样式 代码示例： 效果： 点击标签1 点击标签2 点击标签3 阅读全文
posted @ 2017-08-11 19:56 1点 阅读(603) 评论(0) 推荐(0)
CSS3 结构性伪类选择器（1）
摘要： 1.CSS3 结构性伪类选择器—root :root选择器就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 示例演 阅读全文
posted @ 2017-08-11 17:27 1点 阅读(519) 评论(0) 推荐(0)
css3-css3属性选择器
摘要： 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。 在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了 阅读全文
posted @ 2017-08-11 14:28 1点 阅读(170) 评论(0) 推荐(0)