CSS3常用选择器（二）

【CSS3常用选择器（二）】的更多相关文章

CSS3常用选择器（三）

在CSS3的选择器中,除了结构性伪类选择器外,还有一种UI元素状态伪类选择器.这些选择器的共同特征: 指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用. 1.hover.focus.active 和 checked <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css3选择器</title> <style type=&q…

CSS3常用选择器（二）

本文继续介绍css3新增的选择器. 1.选择器 first-child.last-child.nth-child 和 nth-last-child 利用这几个选择器能够针对一个父元素中的第一个子元素.最后一个子元素.指定序号的子元素,甚至第偶数个或第奇数个子元素进行样式的指定. 直接看代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css3选择器&…

CSS3常用选择器（一）

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素.比如最常用到的#id,.class,标签选择器. 随着CSS3到来,增加了很多新型选择器,这里就常用的做一个总结. 1.属性选择器. 在css3中,追加了三个属性选择器,分别为[attribute*=value],[attribute^=value],[attribute$=value],使选择器有了通配符的概念.这三个选择器分别是包含,首字符,结束字符. 举个栗子: a[src*="abc"]表示选择其 src 属性中包含…

CSS3常用选择器

一.基本选择器子元素选择器概念:子元素选择器只能选择某元素的子元素语法格式:父元素 > 子元素 (Father > Children)兼容性:IE8+.FireFox.Chrome.Safari.Opera 相邻兄弟元素选择器概念:相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素语法格式:元素 + 兄弟相邻元素 (Eelement + Sibling)兼容性:IE8+.FireFox.Chrome.Safari.Opera 通用兄弟选择器概念:选择某元素后面的…

CSS3 常用选择器

p:last-of-type{background-color: red;} 选择p中最后一项 p:nth-of-type(2n){background-color: red;} 隔行变色里面也可以填写even 偶数变色 n 是计数器(从 0 开始) p:nth-of-type(2n+1){background-color: pink;} 隔行变色里面也可以填写odd 奇数变色 :last-child input[type^="text"]{ /**选择具有type属性且属性值为以te…

CSS3常用30种选择器总结

CSS3常用30种选择器总结 HTML5/CSS3时尚的圆盘时钟动画带当前日期 www.html5tricks.com/demo/html5-css3-clock-with-date/index.html 1. *:通用元素选择器 * { margin: 0; padding: 0; } *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除默认CSS样式方法 *选择器也可以应用到子选择器中,例如下面的代码: #container * {…

css3的那些高级选择器二

在上个星期我介绍了css3的属性选择器,伪类选择器和结构伪类选择器,今天楼主继续把其它的css3选择器说完. 在css3中,共有11中UI状态伪类选择器,分别是E:hover,E:active,E:focus,E:enabled,E:disabled,E:read-only,E:read-write,E:checked,E:default,E:indeterminate及E::selection我们来看下这11种选择器被浏览器的支持的情况一,选择器E:hover,E:active,E:focu…

01-css的引入方式和常用选择器

一.css介绍现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css2.1 接下来我们要讲一下为什么要使用CSS. HT…

CSS3选择器02—CSS3部分选择器

该部分主要为CSS3新增的选择器接上一篇 CSS(CSS3)选择器(1) 一.通用兄弟选择器: 24:E ~ F,匹配任何E元素之后的同级F元素. div ~ p{ background-color:#00FF00; } 二.属性选择器: 25:E[att ^= val],匹配属性att的值以”val“开头的元素. [id ^= start]{ background-color:red; ] /*匹配以id属性的值为start开头的,如id="start1",id="sta…

CSS3 教程选择器标记一下防止要找时404

客 » Airen的博客 CSS3 选择器——基本选择器作者:大漠日期:2011-08-09 点击:6418  CSS的选择器,我想大家并不会陌生吧,因为天天在使用,但对于CSS3的选择器,要运用的灵活到位,我想对很多朋友还是一定的难度,特别是CSS3中的:nth选择器.那么从现在开始我们先丢开他们版本的区别,从头一起来看看CSS选择器的运用. CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要…