文档章节

CSS选择器div和p的用法和区别

o
 osc_isezqdgg
发布于 2019/09/18 15:52
字数 327
阅读 0
收藏 0

精选30+云产品,助力企业轻松上云!>>>

div,p、div p、div>p、div+p、div~p、div.a的用法和区别

div,p:选择所有<div>元素和<p>元素

<style>

   p,span{font-size:24px}

</style>

<div>Hello World</div>

<p>Hello</p>

<p>World</p>

这个例子中<div>和<p>元素的字体大小都是24px

 

 

div span:选择<div>元素内部所有的<span>元素,包括子标签元素和孙子辈标签元素

<style>

  div span{font-size:24px}

</style>

<div>

 <p>

  <span>Hello</span>

 </p>

 <span>World</span>

</div>

这个例子中<div>内部所有的<span>元素的字体大小都是24px

 

div>span:选择<div>元素内部所有的<span>元素,不包括孙子辈标签元素

<style>

  div>span{font-size:24px}

</style>

<div>

 <p>

  <span>Hello</span>

 </p>

 <span>World</span>

</div>

这个例子中只有World的字体大小是24px

 

div+p:选择紧接在 <div> 元素之后的 <p> 元素

<style>

  div+p{font-size:24px}

</style>

<div>Hello</div>

<p>World</p>

这个例子中只有World的字体大小是24px

 

div~p:选择<div>元素之后所有的<p>元素

<style>

  div~span{font-size:24px}

</style>

<div>我是div</div>

<p>Hello</p>

<p>World</p>

这个例子中<p>元素的字体大小都是24px

 

div.a:选择<div>元素class=a的元素

<style>

  div.a{font-size:24px}

</style>

<div class="a">hello world</div>

这个例子中hello world字体大小是24px

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
CSS 用法

语法 selector { } 一个选择器里可以指定多个property 注释 /I'm a comment!/ <div>标签设置块样式 div{ } <table> <td> 添加border 样式 设置 边框 td{ } table{ } <a> 标签 设置样式 a{ }......

xiaoxiaozhang
2013/11/21
8
0
CSS3中:first-child和:first-of-child的区别

CSS中加入了很多高级的选择器,能让我们方便的查找到元素,然后给查找到的元素设置样式,其中:first-child和:first-of-child看似只相差一个单词,但是却有不同的用法和意义,今天的这篇文章就...

cyper
2015/09/27
631
0
jquery遍历之children()与find()的区别

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。 .find(selector)方法是返回匹配元素集合中每...

柒月-小妖精
2013/01/10
1.4K
1
第70天:jQuery基本选择器(一)

一、jQuery基本选择器 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到。...

半指温柔乐
2017/10/31
0
0
CSS第一节--选择器(1)

前言:本篇主要学习CSS中的选择器,包括CSS及CSS3中的,作为自己的学习总结。 第一部分:CSS初识   1.何为CSS?有什么作用?     CSS(Cascading Style Sheets):通常称为层叠样式表。 ...

osc_e2112iac
2018/05/17
2
0

没有更多内容

加载失败,请刷新页面

加载更多

使用CSS按比例调整图像大小? [重复] - Resize image proportionally with CSS? [duplicate]

问题: This question already has an answer here: 这个问题在这里已有答案: How do I auto-resize an image to fit a 'div' container? 如何自动调整图像大小以适合“div”容器? 31 ans......

fyin1314
今天
18
0
define()与const - define() vs. const

问题: In PHP, when do you use 在PHP中,何时使用 define('FOO', 1); and when do you use 以及何时使用 const FOO = 1; ? ? What are the main differences between those two? 两者之......

法国红酒甜
今天
26
0
将Node.js升级到最新版本 - Upgrading Node.js to latest version

问题: So, I have Node.js installed and now when I tried to install Mongoosejs I got an error telling me that I don't have the needed version of Node.js (I have v0.4.11 and v0.4......

javail
今天
17
0
等到所有jQuery Ajax请求都完成了吗? - Wait until all jQuery Ajax requests are done?

问题: How do I make a function wait until all jQuery Ajax requests are done inside another function? 我如何让一个函数等到所有jQuery Ajax请求都在另一个函数中完成之后? In short...

富含淀粉
今天
17
0
OSChina 周日乱弹 —— 那么长的绳子,你这是放风筝呢

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @ 巴拉迪维:黑豹乐队的单曲《无地自容》 耳畔突然响起旋律,是那首老歌。中国摇滚有了《一无所有》不再一无所有;中国摇滚有了《无地自容》不...

小小编辑
今天
95
2

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部