分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

CSS选择器

发布时间:2023-09-06 02:26责任编辑:白小东关键词:CSS选择器
1.CSS颜色表示法

(1)名称:red,gold

(2)RGB:RGB(0,0,0)

(3)16进制数值表示,如:#ff0000 表示红色,简写#f00

2.标签选择器

标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。

div{
font-size: 30px; ?/标签选择器/
}

3.id选择器

通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。

#div1{
color: green; ???/id选择器,不推荐/
}

4.类选择器

通过类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,使用最多。

.color{
color: #7D2DC1;
}

.size{ ???font-size: 50px;}

5.层级选择器

主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突

6.组选择器

多个选择器,如果有同样的样式设置,可以使用组选择器

.box01,.box02,.box03{ ????????????????/相同属性写在一组/
font-size: 35px;
text-decoration: underline;
}

7.伪类及伪元素选择器

常用的伪类选择器有hover,表示鼠标悬浮在元素上时的状态,伪元素选择器有before和after,他可以通过样式在元素中插入内容。

.box01:hover{ ???????????/伪元素选择器/
color: #E3610A;
}
.box01:before{ ??????????/解决bug/
content: "·";
color: pink;
}
.box02:after{
content: "。";
color: gold;
}

CSS选择器

原文地址:http://blog.51cto.com/13742773/2333075

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved