登录免费注册

首页  思维导图  详情



 



css选择器

css选择器

2016-11-26 23:50:32   0  举报





仅支持查看

AI智能生成

css选择器学习笔记

css

模板推荐

作者其他创作

大纲/内容

选择文档中的元素以应用样式

利用元素属性选择

<span style="font-family: "Comic Sans MS", 微软雅黑;">类选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">多类选择器</span>

<span style="color: rgb(0, 0, 0); font-family: 微软雅黑, "Microsoft YaHei", Georgia, Helvetica, Arial, sans-serif, 宋体, PMingLiU, serif; font-size: 14px;">html标签中class属性可能为一个词列表，词之间用空格分隔，词的顺序不会影响样式。</span>

.class1.class2{color:red}

<span style="font-family: "Comic Sans MS", 微软雅黑;">单类选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">id选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">属性选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">简单属性选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">选择有某个属性的元素，而不论该属性的值是什么</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">h1[class]{color:slive;}</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">具体属性选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">只选择有特定属性值的元素</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">a[href="http://www.baidu.com"]{color: slive;}</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">部分属性选择器</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">选择属性中包含某个值的元素</span>

<span style="font-family: "Comic Sans MS", 微软雅黑;">p[class~="warning"]{color:red;}</span>

子串匹配属性选择器

[foo^="bar"]

选择foo属性值以“bar”开头的所有元素

[foo$="bar"]

选择foo属性值以“bar”结尾的所有元素

[foo*="bar"]

选择foo属性值中包含子串“bar”的所有元素

特定属性选择器

[att|="val"]

属性等于val或以val开头的所有元素

利用文档结构选择

后代选择器

h1 em{color: gray;}

子元素选择器

h1>strong{color: gray}

相邻兄弟元素选择器

h1+p{color: gray;}

伪元素选择器

:first-letter

:first-line

:before

:after

利用元素状态选择

伪类选择器

静态伪类

:link

:visited

动态伪类

:focus

:hover

:active

 Collect

Get Started

CSS3选择器

 Collect

Get Started

旅客选择

 Collect

Get Started

选择周期

jQuery选择器和筛选器方法

 Collect

Get Started

jQuery选择器和筛选器方法













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document