2017-09-01

1. 属性选择器

属性选择器的链接：

E[attr]： div[title]{background:blue;}；

E[attr=”value”]：div[title="name"]{background:blue;}；

E[attr~=”value”]( 词列表以空格隔开：

div3

)；

E[attr^=”value”]：属性值是以value开头的；

E[attr$=”value”]：属性值是以value结束的；

E[attr*=”value”]：属值中包含了value；

E[attr|=”value”]：属性值是value或者以“value-”开头的值

2. 结构选择器知识点

1.结构性伪类：

(1) 父级下同级别子元素伪选择器：nth-child(n)，nth-last-child(n)；

(2) 父级下的同类型的标签：nth-of-type(n)，nth-last-of-type(n);

3.伪类：

target：

:target

{

border: 2px solid #D4D4D4;

background-color: #e5eecc;

}

这是标题

跳转至内容 1

跳转至内容 2

请点击上面的链接，:target 选择器会突出显示当前活动的 HTML 锚。

内容 1...

内容 2...

注释： Internet Explorer 8 以及更早的版本不支持 :target 选择器。

妙味课堂html css,CSS3详解（妙味课堂）相关推荐

放大旋转 css3,CSS3详解：transform 的旋转、旋转放大、放大、移动
CSS3 transform是什么? transform的含义是:改变,使-变形:转换 CSS3 transform都有哪些常用属性? transform的属性包括:rotate() / skew() ...
JSX设置CSS样式详解
JSX设置CSS样式详解 1. 使用className设置样式(CSS的其他选择器也是同理) (1)定义一个CSS文件style.css,和普通CSS一样定义class选择器 .sty1{//和普通C ...
CSS基本操作详解及截图演示
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
css名词解析,小说CSS样式详解
CSS格式详解字体格式(font) 字体表格题目位置 once:只朗读一次(默许值): always:多次朗读: inherit:启当: 文字年夜小 font-size: xx-small | x ...
CSS3详解：text-shadow
在CSS3详解的上一篇中我们讲到了 . CSS3 text-shadow是什么? text-shadow的含义是:文本的阴影,给文本添加阴影效果 CSS3 text-shadow书写格式: text- ...
Css display 详解
Css display 详解 display :none display :block display :inline display :inline-block display :inherit d ...
css3transform rotate,CSS3详解：transform [旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix]...
CSS3详解:transform [旋转rotate.扭曲skew.缩放scale和移动translate以及矩阵变形matrix] transform的属性包括:rotate() / skew() ...
一定能用到的简单但实用的五种按钮样式（原生HTML+CSS步骤详解，含详细注释）
前言一按钮在前端开发中往往是一个必不可少的元素,也有许多精美好看的样式资源供开发者直接使用.但博主认为,对于初学者而言,总是去cv别人做好的,而不理解其中的原理,是很不好的. 本人作为一名计 ...
前端之CSS篇(四)——CSS浮动详解
前言:页面布局要学习三大核心,盒子模型,浮动和定位 . 1.CSS浮动场景:整个网页的布局本节需要解决的问题: 为什么需要浮动浮动的排列特性 3种最常见的布局方式为什么需要清除浮动写出至少 ...

妙味课堂html css,CSS3详解（妙味课堂）

这是标题

妙味课堂html css,CSS3详解（妙味课堂）相关推荐

最新文章

热门文章