随手笔记css篇_常见选择器、伪类和伪元素
2014-04-25 21:26
295 查看
css常见选择器
.intro //选择class为intro的元素#intro //选择id为intro的元素
* //选择所有元素
p //选择标签名为p的所有元素
div,p //选择标签名为div或p的所有元素
div p //选择包含于div中且标签名为p的元素(div不一定是父标签)
div>p //选择父标签为div且标签名为p的元素
div+p //选择紧跟在div后面且标签名为p的元素
[targe] //选择拥有targe属性的所有元素
[targe=_blank] //选择拥有targe属性且值为_blank的所有元素
[title~=flower] //选择拥有title属性且值包含flower关键字的所有元素
[lang|=en]] //选择拥有lang属性且值以en开头的所有元素
css常见伪类
a:link //选择未访问的链接a:visited //选择已访问的链接
a:hover //选择置于鼠标下的链接
a:active //选择活动中的链接(被点击时)
input:focus //选择获得焦点的input元素
p:first-child //选择作为父元素的第一个子元素的p元素
p:lang(it) //选择拥有lang属性且值以it开头的p元素
css常见伪元素
p:first-letter //选择每个p元素的首字母p:first-line //选择每个p元素的首行
p:before //在每个p元素之前插入内容
p:after //在每个p元素之前插入内容
相关文章推荐
- less css基础教程
- Css绘制箭头
- java解释样式表(配合jsoup使用过滤 expression等xss)
- CSS属性书写顺序及命名规则
- css那些事儿(2)选择器
- CSS 特殊选择符
- CSS中怎么让DIV居中
- CSS从大图中抠取小图完整教程(background-position应用)
- CSS_复习
- CSS定位 (div+css说起)
- css代码初始化
- CSS 布局总结——变宽度布局
- 转载:CSS3图标图形生成技术个人攻略
- CSS 注意点
- CSS 布局总结——固定宽度布局
- css那些事儿(1)css简写
- css important
- 【Go web开发之revel+mgo】第5章 样式与留言板的设计
- .NET批量操作窗口样式
- (13)CSS的cursor、display、visibility属性以及focus伪类