HTML学习笔记CSS
来源:互联网 发布:项目进度跟踪软件 编辑:程序博客网 时间:2024/06/08 13:55
类选择器和ID选择器的区别
1id只能用一回,类可以循环使用
2可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
例子
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
<p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
子选择器
还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。
请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。
总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
通用选择器通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素
伪类选择符
更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式
阅读全文
0 0
- HTML/CSS学习笔记
- HTML CSS学习笔记
- HTML+CSS学习笔记
- HTML + CSS学习笔记
- HTML&CSS学习笔记
- HTML&CSS学习笔记
- HTML、CSS学习笔记
- html&css学习笔记
- HTML+CSS学习笔记
- HTML/CSS学习笔记
- HTML+CSS学习笔记
- html+css学习笔记
- HTML+CSS学习笔记
- html+css学习笔记
- HTML/CSS学习笔记
- HTML&CSS学习笔记
- HTML CSS学习笔记
- HTML/CSS学习笔记
- SecureCRT常用命令分享 SecureCRT命令大全
- jQuery源码解析--jQuery.noConflict() 函数详解
- ASP 异步加载—不会Ajax也能用
- css-网页聊天窗口对话框
- Delphi中BeginUpdate和EndUpdate作用
- HTML学习笔记CSS
- 解决php报错configure: error: xml2-config not found. Please check your libxml2 installation
- Github简单教程
- java判断某一字符串是否包含另一个字符串
- 逆置、翻转链表/查找单链表的倒数第k个节点/A+B不使用四则运算++ -- 等
- 用eclipse打开一个文件,左边的树怎么自动对应文件
- TestLink学习一:Windows搭建Apache+MySQL+PHP环境
- 如何在Python中实现RFM分析
- 统计学习笔记九----EM算法