H5培训_CSS选择器介绍
CSS 概述:
CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素
外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一
一.id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义。
下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
注意:id 属性只能在每个 HTML 文档中出现一次。
id 选择器查找下一级元素
#content p {
margin-top: 100px;
}
Html:
<div id=”content”>
<p>文本</p>
</div>
二. CSS 类选择器
1. 在 CSS 中,类选择器以一个点号显示:
.content{text-align: center}
HTML:
<div class=”content”>文本居中</div>
注意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
2. 元素也可以基于它们的类而被选择:
td.aa {
color: #ff6600;
background: #002255;
}
三. CSS 属性选择器
1. 属性选择器
设制带有 title 属性的所有元素设置样式:
[title]
{
color:red;
}
2. 属性和值选择器
设制title="hi" 的所有元素设置样式:
[title=hi]
{
border:5px solid blue;
}
总结
CSS中属性选择器可以根据元素的属性及属性值来选择元素,常用选择器有“ID,Class,属性选择器‘。