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

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

hot3.png

选择符号:E { sRules }  类型,直接选择器。E是元素的表示。

[]里面的是属性选择器:

  1. E [ attr ] { sRules } 一个元素,有attr属性的

  2. E [ attr = value ] { sRules }

·E1 E2 { sRules } 包含, E1的子元素和E2都使用这个样式,

<style type="text/css">

 div button所有div里面的button都变颜色

  background:red;
 }
</style>
</head>
<body>
 <div id="div1">
  hello
  <button>
   大家好
  </button>
  <p>
   <button>哥们</button>
  </p>
 </div>

·E1 > E2 { sRules } 只选择e1的子元素:

<style type="text/css">

 div>button{
  background:red;
 }
</style>
</head>
<body>
 <div id="div1">
  hello
  <button>
   大家好
  </button>

·E.className { sRules }

  1: .calssName {...} 所有的元素,都可以使用这个样式表。

  2: E.className{...} 只有E这个元素,使用这个样式 表才有效。

 div.abc{  div下的class="abc"的可以使用

 background:red;

 }

·E1 , E2 , E3 { sRules }  对E1,E2,E3,都使用同一个样式表,逗号间隔,平级的

 div.abc,button,p,hr,#div1{       都是平级的,都使用这个样式表

  background:red;
 }

 

div下的样式表使用abc的button使用 

 div.abc button{

  background:red;
 }

转载于:https://my.oschina.net/u/2311668/blog/476700

你可能感兴趣的文章
CefSharp获取网页源码时卡住长时间没有返回结果
查看>>
刚入门Python的小伙伴,这是腾讯大牛工作中总结的爬虫经验!
查看>>
智能微型机器人可随周围环境“变身”
查看>>
Linux操作系统 MBR扇区故障了怎么办
查看>>
Java网络编程基础(一)
查看>>
在Mac版本下的IDEA中设置代码注释模版
查看>>
我的友情链接
查看>>
Ruby实现二分法查找
查看>>
OA系统报错
查看>>
JavaScript设计模式之一:面向对象的Javascript
查看>>
Web 前沿技术:展示一组极其绚丽的 CSS3 效果
查看>>
唐老师答疑
查看>>
第十二章 简单工厂模式(Simple Facotry)
查看>>
LeetCode - 70. 爬楼梯
查看>>
visualVm监控tomcat
查看>>
Jquery script for document preview?
查看>>
【Magedu】Week02
查看>>
写给MongoDB开发者的50条建议Tip12
查看>>
我的友情链接
查看>>
linux下查看nginx,apache,mysql,php编译命令
查看>>