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


相关文章
|
1月前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
1月前
|
前端开发 开发者
提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
【4月更文挑战第2天】 提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
32 12
|
2月前
|
前端开发
CSS语言的选择器
CSS语言的选择器
|
2月前
|
前端开发
web前端开发---CSS基础选择器
web前端开发---CSS基础选择器
22 1
|
1天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
5天前
|
前端开发
CSS选择器
CSS选择器
10 1
|
11天前
|
前端开发 开发者
【专栏:CSS基础篇】CSS选择器详解:精准定位网页元素
【4月更文挑战第30天】本文介绍了CSS选择器在Web开发中的重要性,详细阐述了基础选择器(元素、类、ID、属性和伪类/伪元素)及复杂选择器(后代、子元素、相邻兄弟和一般兄弟)的用法。通过理解并巧妙运用这些选择器,开发者能更高效地控制页面样式,提高代码的可维护性。CSS预处理器如Sass、LESS进一步增强了选择器的功能,助力创建优雅且强大的样式表,实现精准的网页设计。
|
12天前
|
前端开发 容器
【Web 前端】css选择器有哪些?
【4月更文挑战第22天】【Web 前端】css选择器有哪些?
|
24天前
|
前端开发
css的选择器,优先级和示例
css的选择器,优先级和示例
9 1
|
26天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
22 1