前端学习3将样式找到应用目标210903
2021/9/4 6:07:22
本文主要是介绍前端学习3将样式找到应用目标210903,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前端学习3将样式找到应用目标210903
将css样式应用于特定的HTML元素,需要找到这个元素,执行这一任务的样式规则部分称为选择器(selector)。
分为:
常用的选择器
高级的选择器
新的CSS3选择器
以及层叠、样式表、注释
1.常用的选择器
最常用:类型选择器和后代选择器。
类型~指定特定类型,比如段落,只需要指定应用样式元素的名称,也称元素选择器或简单选择器。
后代~可寻找特定元素或元素组的后代。后代~有其他两选择器之间空格表示。
稍常用:类型选择器和后代选择器。
ID选择器由一个#表示,类选择器一个.号。
示例 给两个标题应用两个不同样式,结合类型、后代、ID和类选择器可以更简单。可以找到很多元素。
注意
不要给相同的元素添加不同的类。防止出现很多不必要,造成不合理。应将一个类或ID选择器应用于他们的祖先,然后使用后代选择器定位。
伪类
文档结构之外的对元素应用样式,用伪类
/*使访问变红当悬浮或点击*/
:link :visited 称为链接伪类,用于miao元素。
:hover、:active和:focus称为动态伪类,用于任何元素。
示例
链接悬停颜色变化
a:visited:hover{clolr:olive;}
这篇关于前端学习3将样式找到应用目标210903的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15AntDesign项目实战:新手入门与初级应用教程
- 2024-11-15AntDesign-Form-rules项目实战:新手指南
- 2024-11-14ESLint课程:初学者指南
- 2024-11-14Form.List 动态表单课程:新手入门教程
- 2024-11-14Redux课程:新手入门完全指南
- 2024-11-13MobX 使用入门教程:轻松掌握前端状态管理
- 2024-11-12前端编程资料:新手入门指南与初级教程
- 2024-11-12前端开发资料入门指南
- 2024-11-12前端培训资料:适合新手与初级用户的简单教程
- 2024-11-12前端入门资料:新手必读指南