css语法

一

二.常用选择器

三.复合选择器

四.关系选择器

五.后代选择器

六.选择下一个兄弟（不包括前一个）

七.属性选择器

八.伪类选择器（不存在的类）

css语法

一

-注释 /* */ （crtl+/）

-基本语法：

-选择器，通过选择器可以选中页面中的指定元素（p表示页面中的所有p元素）

--例：p{}

-声明块，通过声明块为指定元素进行设置样式，由多个声明组成

--声明是一个名值对结构（一个样式对应一个样式值）

--名和值之间用“：”连接，以“；”结尾

二.常用选择器

-元素选择器

-id选择器（不可重复使用）

--元素设置唯一标识id，然后在style里用#加上id名称再加上{}即可对这个元素进行设置样式

--例：#ss{}

-class是一个标签的属性，与id类似，但是class可以重复使用

--可以使用class进行元素分组，（.class属性值）

--一个元素可以使用多个class，他们之间用空格隔开

--例：.ss{}

-通配选择器（选择全部元素）

三.复合选择器

1.交集选择器（选中同时复合多个条件的元素）（必须使用元素选择器开头）

-例：

<p class="st">这是p标签</p>

<div class="st">这是div标签</div>

则style里

div.st{

background-color: crimson;

}

2.选择器分组（并集选择器）

-同时选择多个选择器对应的元素（用“，”隔开）

四.关系选择器

-父元素

-子元素

-祖先元素

-后代元素

-兄弟元素

--语法：父元素 >子元素

五.后代选择器

-作用：选中指定元素内的指定后代元素

-语法：祖先后代

六.选择下一个兄弟（不包括前一个）

-语法：前一个 + 下一个

-选择下边所有的兄弟元素（语法：兄 ~ 弟）

七.属性选择器

-元素里含有id，class，title的属性名的

-[属性名] 选择含有指定属性的元素

-[属性名=属性值] 选择含有指定属性和属性值的元素

-[属性名 ^=属性值] 选择属性值以指定值开头的元素

-[属性名 $=属性值] 选择属性值以指定值结尾的元素

-[属性名 *=属性值] 选择属性值中含有某值的元素

-语法：p[title] {} （若不写上p，则表示所有含有title的属性名）

八.伪类选择器（不存在的类）

-用来描述一个类的状态（如：第一个子元素，被点击的元素，鼠标移入的元素）

-伪类一般情况下用：开头（：first-child）

/* :first-child 把ul里的li 的第一个子元素设置 */
/* :last-child 把ul里的li 的最后一个子元素设置 */
/* :nth-child() 把ul里的li 的第n个子元素设置
n的特殊值：1.n 第n个（n的范围0~+∞）
2.2n 或 even 表示选中偶数的元素
3.2n+1 或 odd 表示选中奇数的元素

-以上所有伪类都是根据所有子元素进行排序的

九.选择器的权重

内联样式>id选择器>类和伪类选择器>元素选择器>通配选择器>继承的样式

CSS语法（选择器）相关推荐

css语法---选择器
内部样式表每个css 的样式都分为两部分,选择符和内部样式表声明又分为属性和属性值属性必须放在花括号内,属性和属性值之间用:号连接每条声明之间用分号结束声明放在head标签内的<sty ...
css语法选择器中括号,CSS 选择器语法参考手册
DI 之 3.3 更多DI的知识(陆) 3.3.1 延迟初始化Bean 延迟初始化也叫做惰性初始化,指不提前初始化Bean,而是只有在真正使用时才创建及初始化Bean. 配置方式很简单只需在标签上指 ...
CSS语法大全，学习笔记
序号名称说明/代码备注 1. CSS 中英文名层叠样式表 Cascading Style Sheet 2. CSS 文件拓展名 .css 3. CSS 注释 /*注释内容*/ 4. 4 种样式 ...
Web开发（一）·期末不挂之第四章·CSS语法基础(CSS选择器选择器优先级各类样式表的使用方法)
CSS语法基础一.单纯html控制样式的缺点二. CSS✪✪✪ CSS概述 CSS基础语法组成选择器标签选择器类选择器 id选择器通配选择器后代选择器插入样式表的三种方式行内样式 ...
CSS样式的使用（CSS选择器、CSS语法、CSS常见样式）：
1.CSS样式的理解: Cascading Style Sheets(层叠样式表):修饰html标签样式的 2.使用(需要内嵌html中): 1.行内样式:(通过标签的style属性使用) 格式:样式 ...
CSS学习笔记--CSS语法与选择器
导语 Css用于控制网页的样式和布局,指层叠样式表(Cascading Style Sheets),定义如何显示HTML的元素,这个样式通常存储在样式表中.在工作中通常使用的外部样式表,外部样式表 ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...
CSS语法与CSS选择器
目录 CSS 语法实例例子解释 CSS 选择器 CSS 元素选择器实例 CSS id 选择器实例 CSS 类选择器实例实例实例 CSS 通用选择器实例 CSS 分组选择器实例所有简 ...
CSS语法及其选择器
第一优先级:无条件优先的属性只需要在属性后面使用!important.它会覆盖页面内任何位置定义的元素样式.(ie6支持上有些bug). 第一等:内联样式,如:style="color:re ...
Web前端之CSS语法与选择器
目录一.CSS简介层叠样式表 1.内联样式(行内样式) 2.内部样式表 3.外部样式表二.CSS基本语法注释 css中的注释我们对比下其他几种前端语言的注释 html中的注释 JS(Java ...

CSS语法（选择器）

css语法

一

二.常用选择器

三.复合选择器

四.关系选择器

五.后代选择器

六.选择下一个兄弟（不包括前一个）

七.属性选择器

八.伪类选择器（不存在的类）

九.选择器的权重

CSS语法（选择器）相关推荐

最新文章

热门文章