分享web开发知识

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

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

css之选择器2

发布时间:2023-09-06 01:56责任编辑:董明明关键词:选择器

交集选择器与并集选择器

交集选择器

1、作用:给所有选择器选中的标签中,相交的那部分标签设置属性
2、格式:
选择器1选择器2 {
属性:值;
}
3、注意:
1、选择器与选择器之间没有任何链接符号
2、选择器可以使用标签名称、id、class
3、交集选择器在企业开发中并不多见,了解即可
因为:p.part1 完全可以用.part1取代

 <head> ???<meta charset="UTF-8"> ???<title>Document</title> ???<style> ???????p.part1 ?{ ???????????color: red; ???????} ???????p#p1 { ???????????font-size: 100px; ???????} ???</style></head><body><p class="part1">我是段落</p> ???<p id="p1">我是段落</p> ???<p class="part1">我是段落</p> ???<p>我是段落</p> ???<p>我是段落</p> ???<p>我是段落</p></body>

并集选择器

1、作用:给所有满足条件的标签设置属性

2、格式:
选择器1,选择器2 {
属性:值;
}

3、注意:
1、选择器与选择器之间必须用逗号来链接
2、选择器可以使用标签名称、id、class

<!doctype html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title> ???<style> ???????.part,h1,a { ???????????color: red; ???????} ???</style></head><body><h1>哈哈啊</h1> ???<p class="part1">我是段落</p> ???<p id="p1">我是段落</p> ???<p class="part1">我是段落</p> ???<a href="#">我是我</a> ???<p>我是段落</p> ???<p>我是段落</p> ???<p>我是段落</p></body></html>

css之选择器2

原文地址:https://www.cnblogs.com/guodengjian/p/9089136.html

知识推荐

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