---条件选择器:---

.ccc[cusid*= value]

{

 backgroud-color:#0094ff;

} //表示使用了class="ccc"元素自定义属性cusid的值包含value字符的即可使用如下样式。

 [cusid^= value]

{

 backgroud-color:#0094ff;

} //表示元素自定义属性cusid的值以value字符开头的即可使用如下样式。

 [cusid$= value]

{

 backgroud-color:#0094ff;

} //表示元素自定义属性cusid的值以value字符结尾的即可使用如下样式。

---伪选择器:---

p:first-line

{

backgroud-color:#0094ff;

}//将p的第一行内容变使用该样式。

p:first-letter

{

backgroud-color:#0094ff;

}//将p的第一个子或其第一个单词的首字母使用该样式。

 li:before

{

content:"a";

color:red;

}//给所有的li之前加一个字母a并且为红色(若为after则为在后面追加该内容)。

---结构性伪类选择器:---

:root

{

backgroud-color:#0094ff;

}//给根级元素使用样式(范围要大于body)。

:empty

{

backgroud-color:#0094ff;

}//给标签内容为空的标签设置上背景。

body *:not(h1)

{

backgroud-color:#0094ff;

}//给body元素使用样式但除了其中的h1。

:target

{

backgroud-color:#0094ff;

}//若一个超链接href绑定了一个元素(如:<a href="#A"></a>..<div id="A"></div>),当点击超链接之后该元素会使用其样式。

---以ul中的li为例:---
li:first-child
{
backgroud-color:#0094ff;
}//将第一个li变色
li:nth-child(3)
{
backgroud-color:#0094ff;
}//将第三个li变色
li:nth-child(even)
{
backgroud-color:#0094ff;
}//将偶数(odd为奇数)li变色
---以input,type="email"表单元素为例:--- input[type="email"]:invalid
{
backgroud-color:red; }//如果写入的表单内容不合法则显示红色
input[type="email"]:valid
{
backgroud-color:#0094ff; }//如果写入的表单内容合法则显示#0094ff ---选中文本区域变色---
::selection
{
backgroud-color:green;
}//选中的文本区域变为绿色 input[type="text"]::selection
{
backgroud-color:green;
}//所有input,text元素内选中的文本区域变为绿色
  
---控制兄弟元素---
div~span
{
background:red;
}//所有div的span兄弟变红色
如:2,3变色,而1不变色
<div>
<span>1</span>
</div>  
<span>2</span>
<span>3</span>
---在一个元素前后加样式(并不添加元素)---
#a:before{
/*这里写123hello前边的样式代码*/
}
#a:after{
/*在这里写123hello后边的样式代码*/
}
<div id="a">123hello</div>

CSS3新添加的选择器的更多相关文章

  1. css3新增加的选择器

    css3新增加的选择器 一.属性选择器: E[attr] 只要有属性名E[attr=value] 属性名=属性值E[attr~=blue] 包含这个blue整个单词就可以E[attr^=c] 以这个字 ...

  2. CSS3新添加的属性

    1.圆角设置 border-radius:15px 50px 30px 5px; /*四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下 角. 三个值: 第一个值为左上角, ...

  3. [转]深入了解 CSS3 新特性

    简介 CSS 即层叠样式表(Cascading Stylesheet).Web 开发中采用 CSS 技术,可以有效地控制页面的布局.字体.颜色.背景和其它效果.只需要一些简单的修改,就可以改变网页的外 ...

  4. 总结CSS3新特性(Transform篇)

    概述: CSS3新添加的Transform可以改变元素在可视化区域的坐标(这种改变不会引起文档的重排,只有重排),以及形状,还有些3D形变.结合 Animation(这里以后会有个链接的) 能实现酷炫 ...

  5. HTML5新规范和CSS3新特性

    1.HTML5最新规范(HTML5是HTML.XHTML以及HTML.DOM的新标准) ①用于绘画canvas元素 ②用于媒介回放的video和audio元素 ③对本地离线存储的更好支持 ④新的特俗内 ...

  6. css3新的选择器

    CSS3新的选择器 ele[att^="val"] /*属性att的值以val开头的元素*/ ele[att$="val"] /*属性att的值以val结尾的元 ...

  7. 两点补充——CSS3新属性以及弹性布局

    CSS3 新属性 一.[ CSS3新增属性前缀 ] 1.-webkit-:chrome/safari 2.-moz-:火狐 3.-mo-:IE 4.-o-: Opera 欧朋 二 .[CSS 长度单位 ...

  8. H5 和 CSS3 新特性

    博客地址:https://ainyi.com/52 H5 新特性 语义化标签:header.footer.section.nav.aside.article 增强型表单:input 的多个 type ...

  9. 01-移动端开发教程-CSS3新特性

    1. 移动端开发课程概述 移动互联网的兴起,让移动端的开发迅速蹿红.对于前端开发者来说,移动端的开发已经占据了他们大部分工作时间.接下来老马带大家一起学习移动端开发的相关前端开发技术. 这边课程内容包 ...

随机推荐

  1. POJ2396 Budget(有源汇流量有上下界网络的可行流)

    题目大概给一个有n×m个单元的矩阵,各单元是一个非负整数,已知其每行每列所有单元的和,还有几个约束条件描述一些单元是大于小于还是等于某个数,问矩阵可以是怎样的. 经典的流量有上下界网络流问题. 把行. ...

  2. ZOJ3362 Beer Problem(最小费用任意流)

    题目大概说有n个城市,由m条无向边相连,每条边每天最多运送cap桶酒且其运送一桶的花费是cost.现在从1号城市开始出发运酒,供应到2到n号城市,这些城市的收购单价是price,问最大的盈利是多少. ...

  3. bug 调试了一个下午外加半个晚上的bug

    public void queryTaskResult2() throws Exception { HttpServletRequest request = ServletActionContext. ...

  4. centos 安装网络错误

    yum install vnc-server 提示安装成功 rpm -q vnc-server 返回  package vnc-server is not installed 然而再重新安装时  yu ...

  5. HDU 1312 (BFS搜索模板题)

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1312 题目大意:问迷宫中有多少个点被访问. 解题思路: DFS肯定能水过去的.这里就拍了一下BFS. ...

  6. 安装phpunit

    按照网上的提示,将go-pear.phar和phpunit.phar都放到php.exe所在的目录.但是以管理员身份运行时,输入命令php PEAR/go-pear.phar或php -d phar. ...

  7. p2p网贷项目开发全过程技术详解,应用框架是ci2.2

    p2p网贷项目开发全过程技术详解,应用框架是ci2.2 很标准的mvc开发代码,代码也很简单,方便二次开发 这篇文章会不断更新

  8. UITableview cell 的多选

    利用NSMutableDictionary  key值 来改变cell的状态 -(void)createUI{ table = [[UITableView alloc]initWithFrame:CG ...

  9. 让Win8自动登录免输入密码的小技巧

    按Win+R键,输出“netplwiz”,单击“确定”,弹出“用户帐户”窗口.将第一个画框上的勾选去掉——应用——弹出自动登录输入你的密码——确定——确定完成.重启看看电脑是不是不用输入密码也可以自动 ...

  10. sqlserver log

    DBCC LOGINFODBCC log('QSSys', TYPE=2)goselect * from sys.fn_dblog(null,null)select [Dirty Pages],[Mi ...