CSS——基础选择器

简介:

   CSS的基础选择器

1   CSS指的是层叠样式表

2   CSS规则由两个主要的部分构成

   选择器,以及一条或多条声明

3   选择器通常是你需要改变样式的 HTML 元素如h1

4   每条声明由一个属性和一个值组成,每个属性有一个值,属性和值被冒号分开

5   属性大于 1 个之后,属性之间用分号隔开

6   如果值大于 1 个单词,则需要加引号

7   被分组的选择器可以分享相同的声明,用逗号将需要分组的选择器分开。

8   所有的标题元素都是红色的

9   子元素从父元素继承属性,子元素将继承最高级元素所拥有的属性(这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd)。不需要另外的规则,所有body 的子元素都应该显示绿色,子元素的子元素也一样

10   css的基础选择器

10.1    派生选择器

   通过依据元素在其位置的上下文关系来定义样式,可以使标记更加简洁

    派生选择器允许你根据文档的上下文关系来确定某个标签的样式

10.2    id选择器

   Id选择器可以标有id的HTML元素,指定特定的样式,id选择器以#来定义,目前比较常用的方式是id选择器常常用于建立派生选择器上面,id的属性值只能在每个HTML中出现一次

10.3    类选择器

  在css中,类选择器以一个点号显示,css也可以用作派生选择器

   类名的第一个字符不能使用数字,它无法在摩斯拉浏览器和火狐浏览器中起作用

本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1928004


相关文章
|
26天前
|
缓存 前端开发
CSS基础+基本选择器和复合选择器(如果想知道CSS的基础+基本选择器和复合选择器知识点,那么只看这一篇就足够了!)
CSS基础+基本选择器和复合选择器(如果想知道CSS的基础+基本选择器和复合选择器知识点,那么只看这一篇就足够了!)
|
22天前
|
移动开发 前端开发 HTML5
2024.3.30-认识 CSS (文本样式、复合选择器)
2024.3.30-认识 CSS (文本样式、复合选择器)
|
19天前
|
前端开发
CSS选择器详解与应用实例
CSS选择器详解与应用实例
116 44
|
11天前
|
前端开发 JavaScript 算法
CSS【详解】样式选择器的优先级(含提升优先级的方法)
CSS【详解】样式选择器的优先级(含提升优先级的方法)
11 0
CSS【详解】样式选择器的优先级(含提升优先级的方法)
|
19天前
|
前端开发 开发者
CSS伪类选择器:增强内容表现力的利器
CSS伪类选择器:增强内容表现力的利器
16 4
|
26天前
|
前端开发
CSS基础之伪元素选择器(如果想知道CSS的伪元素选择器知识点,那么只看这一篇就足够了!)
CSS基础之伪元素选择器(如果想知道CSS的伪元素选择器知识点,那么只看这一篇就足够了!)
|
26天前
|
前端开发
CSS基础之伪类选择器(如果想知道CSS的伪类选择器知识点,那么只看这一篇就足够了!)
CSS基础之伪类选择器(如果想知道CSS的伪类选择器知识点,那么只看这一篇就足够了!)
|
28天前
|
前端开发 JavaScript
CSS id选择器
CSS id选择器
13 1
|
9天前
|
前端开发 JavaScript C++
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
14 0
|
15天前
|
前端开发
前端 CSS 经典:好用的 CSS 选择器
前端 CSS 经典:好用的 CSS 选择器
15 0