CSS权威指南阅读笔记第二章03

简介: 选择符

类选择符

应用样式而不关心所涉及的元素,最常使用类选择符;使用之前,首先需要在元素中设置class属性;

类选择符直接使用元素上的class属性,而且前面始终有个点符号(.)表明这是个类选择符,区别于其他选择符,并可以与其他选择符一起使用;

class属性可以是多个词,词之间以空格隔开,词的顺序不影响显示结果;

把多个类选择符串在一起,选择的是同时具有多个类名的元素,而且对类名的顺序没有要求;

<p class="aaa bbb">hello</p>
.aaa.bbb { font:12px}
#还可以与元素选择符一起使用
p.aaa.bbb {font:12px}

ID选择符

ID选择符与类选择符类似,除了ID选择符的开头是个井号(#),而且不能串在一起使用;其他都类似;

一般的,一个HTML文档中一个ID只能被使用一次;

使用示例:

<p id="Ccc">world</p>

#Ccc {color:red}

需要注意的是:类和ID的值是区分大小写的;

相关文章
|
5月前
|
前端开发 JavaScript 开发者
理解CSS | 青训营笔记(3)
理解CSS | 青训营笔记(3)
44 0
|
5月前
|
机器学习/深度学习 编解码 前端开发
理解CSS | 青训营笔记(2)
理解CSS | 青训营笔记
45 0
|
5月前
|
前端开发 容器
理解CSS | 青训营笔记(1)
理解CSS | 青训营笔记
60 0
|
8月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
99 2
|
8月前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
77 1
|
8月前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
129 1
|
8月前
|
前端开发 JavaScript 容器
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
70 1
|
8月前
|
前端开发 JavaScript UED
CSS3选择器详解 前端开发入门笔记(六)
CSS3选择器详解 前端开发入门笔记(六)
103 1
|
8月前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
78 1
|
8月前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
45 0

热门文章

最新文章