博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初学css的选择器
阅读量:6496 次
发布时间:2019-06-24

本文共 584 字,大约阅读时间需要 1 分钟。

hot3.png

选择器

1.标签选择器

根据标签来选择并修改数据的属性例如:div {color: red}即所有的div的标签中的内容都变为红色

2.类选择器

给标签中定义不同的class属性 例如在一个div中定义 class=“red”,在style中调用.red {color: red} 即给这个div中的class修改属性,标签选择器可以有多个class 名字,名字之间用空格隔开

3.id选择器

跟类选择器一样,唯一不同就是id选择器只能用一次,是唯一标识符

4.链接伪类选择器

主要是给超链接用的选择器 书写方法为

a:link {color: red}标示未访问的链接*常用

a:visited {color: blue}已经访问的链接

a:hover {color: green}鼠标经过时候的链接*常用

a:active {color: black}鼠标点击时候的链接

5.结构伪类选择器

也是以标签名:开始 

分别有frist-child     选择第一个孩子 last-child 选择最后一个孩子 还有nth-child(n)n是几就代表第几个孩子

6.目标伪类选择器

选择目标的选择器例如:target {color: red}例如锚点被选中时就会调用这个选择器

 

 

 

转载于:https://my.oschina.net/u/3234136/blog/1630500

你可能感兴趣的文章
.emacs
查看>>
Python十讲 - 第一讲:从零开始学Python
查看>>
继承与接口课堂作业
查看>>
RN 使用第三方字体
查看>>
Ubuntu系统在VMware虚拟机中显示显示过小
查看>>
关于swift使用CocoaPods倒入三方库的framework后父类倒入子类无法继承的问题
查看>>
PO设计模式
查看>>
WebGL Hello World Triangle Test
查看>>
第三周学习进度表
查看>>
[LeetCode]Perfect Squares
查看>>
[Heoi2013]Segment
查看>>
数据结构 队列的操作
查看>>
sqlDevelopor客户端操作MySQL数据库
查看>>
8.行命令按钮
查看>>
Codeforces Round #560 (Div. 3)
查看>>
android 网络小结
查看>>
信息安全C散列函数的应用及其安全性2016011992
查看>>
13、自平衡二叉查找树AVL
查看>>
浏览器兼容性参考【转】
查看>>
PAT 1030 Travel Plan[图论][难]
查看>>