分享web开发知识

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

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

CSS高级选择器

发布时间:2023-09-06 02:32责任编辑:蔡小小关键词:CSS选择器

并集选择器       多个选择器通过逗号连接而成,同时声明多个风格相同样式

p,h1{

  color:red;

}

交集选择器       由两个选择器连接构成,选中二者范围的交集,两个选择器之间不能有空格,第一个必须是标签选择器,第二个必须是类选择器和ID选择器

/*标签选择器+类选择器,标签选择器+ID选择器*/

h1#first{

  color:yellow;

}

后代选择器       外层的选择器写在前面,内层的选择器写在后面,之间用空格分隔,标签嵌套时,内层的标签成为外层标签的后代

/*嵌套标签*/

h1 span{

  color:green;

}

子元素选择器      通过>连接在一起而成,仅作用于子元素 

h1>span{

  color:blue;

}

属性选择器       选取带有指定属性的元素,或选取带有指定属性和值的元素

input[type="password"]{

  color:gray;

}

CSS高级选择器

原文地址:https://www.cnblogs.com/lgqblog/p/10344056.html

知识推荐

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