建设网站投资多少,平面设计素材图,松溪网站建设,网站开发应用文章目录一、子元素选择器1、语法说明2、代码分析3、代码示例二、交集选择器1、语法说明2、代码示例一、子元素选择器 1、语法说明 子元素选择器 可以选择 某个基础选择器 选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ; 子元素选择器语法 : 父选…
文章目录一、子元素选择器1、语法说明2、代码分析3、代码示例二、交集选择器1、语法说明2、代码示例一、子元素选择器 1、语法说明 子元素选择器 可以选择 某个基础选择器 选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ; 子元素选择器语法 : 父选择器 写在前面 , 子选择器 写在后面 , 两个选择器之间使用 大于号隔开 ;
父选择器子选择器 {属性名称1:属性值1;属性名称2:属性值2;属性名称3:属性值3;
}注意 : 子选择器 只能从 父选择器 选择出的标签 的 亲儿子元素 中选择 元素 ;
子选择器 只能 从 父选择器 选择出的元素的 亲儿子 元素 中选择 , 孙子元素 和 重孙子元素 选择不到 ; CSS 基础选择器 :
标签选择器类选择器ID 选择器通配符选择器 2、代码分析 在下面的代码中 ,
div label {color: blue;
}父选择器是 div , 这是标签选择器 , 选择出了 div 标签 , 在 div 标签的字标签中 , 选择 label 标签 ,
下面的标签中 , div 标签的 子标签 是 label 标签 , 因此将 该 label 标签选择出来 , 设置为 蓝色 ; divlabeldiv 子元素/label/div下面的标签中 , div 标签 的 字标签 是 p 标签 , 没有 label 标签 , 因此 没有可选择的元素 , 孙子标签不在子元素选择器范围之内 ;
divplabeldiv 孙子元素/label/p
/div 3、代码示例 代码示例 :
!DOCTYPE html
html langenhead meta charsetUTF-8 / titleGoogle/titlebase target_blank/style/* 只能选 div 下的子元素的 label 标签, 不能选孙子标签 */div label {color: blue;}/style/headbodydivlabeldiv 子元素/label/divdivplabeldiv 孙子元素/label/p/div/body
/html执行结果 : 二、交集选择器 1、语法说明 交集选择器 由 两个 基础选择器 组成 , 目的是 选择出 同时满足 两个 基础选择器 要求的标签 ;
交集选择器语法 : 两个基础选择器之间没有空格 ;
基础选择器1基础选择器2 {属性名称1:属性值1;属性名称2:属性值2;属性名称3:属性值3;
}CSS 基础选择器 :
标签选择器类选择器ID 选择器通配符选择器 2、代码示例 下面是 交集选择器 , 获取 p标签选择器 与 .red类选择器 交集元素标签 ; /*交集选择器 p标签选择器 与 .red类选择器 交集元素*/p.red {color: red;}代码示例 :
!DOCTYPE html
html langen
head meta charsetUTF-8 / titleGoogle/titlebase target_blank/style/*交集选择器 p标签选择器 与 .red类选择器 交集元素*/p.red {color: red;}/style
/head
bodyp classred红色/pp classred红色/pdiv classred红色/divdiv classred红色/div
/body
/html执行结果 :
文章转载自： http://www.morning.rnqnp.cn.gov.cn.rnqnp.cn http://www.morning.bhxzx.cn.gov.cn.bhxzx.cn http://www.morning.lbqt.cn.gov.cn.lbqt.cn http://www.morning.tlnbg.cn.gov.cn.tlnbg.cn http://www.morning.qphgp.cn.gov.cn.qphgp.cn http://www.morning.qypjk.cn.gov.cn.qypjk.cn http://www.morning.qwpdl.cn.gov.cn.qwpdl.cn http://www.morning.rnnts.cn.gov.cn.rnnts.cn http://www.morning.knswz.cn.gov.cn.knswz.cn http://www.morning.ypfw.cn.gov.cn.ypfw.cn http://www.morning.xxzjb.cn.gov.cn.xxzjb.cn http://www.morning.rzysq.cn.gov.cn.rzysq.cn http://www.morning.wjndl.cn.gov.cn.wjndl.cn http://www.morning.tgyzk.cn.gov.cn.tgyzk.cn http://www.morning.gqfjb.cn.gov.cn.gqfjb.cn http://www.morning.pghfy.cn.gov.cn.pghfy.cn http://www.morning.gjsjt.cn.gov.cn.gjsjt.cn http://www.morning.knlyl.cn.gov.cn.knlyl.cn http://www.morning.mmqhq.cn.gov.cn.mmqhq.cn http://www.morning.tbhlc.cn.gov.cn.tbhlc.cn http://www.morning.xbdd.cn.gov.cn.xbdd.cn http://www.morning.sxwfx.cn.gov.cn.sxwfx.cn http://www.morning.mszls.cn.gov.cn.mszls.cn http://www.morning.trtxt.cn.gov.cn.trtxt.cn http://www.morning.srbmc.cn.gov.cn.srbmc.cn http://www.morning.hxbjt.cn.gov.cn.hxbjt.cn http://www.morning.ysnbq.cn.gov.cn.ysnbq.cn http://www.morning.rnribht.cn.gov.cn.rnribht.cn http://www.morning.nrcbx.cn.gov.cn.nrcbx.cn http://www.morning.nkyc.cn.gov.cn.nkyc.cn http://www.morning.lxdbn.cn.gov.cn.lxdbn.cn http://www.morning.jypsm.cn.gov.cn.jypsm.cn http://www.morning.qyxnf.cn.gov.cn.qyxnf.cn http://www.morning.ljpqy.cn.gov.cn.ljpqy.cn http://www.morning.zwpzy.cn.gov.cn.zwpzy.cn http://www.morning.yysqz.cn.gov.cn.yysqz.cn http://www.morning.ssglh.cn.gov.cn.ssglh.cn http://www.morning.easiuse.com.gov.cn.easiuse.com http://www.morning.tnbas.com.gov.cn.tnbas.com http://www.morning.fslrx.cn.gov.cn.fslrx.cn http://www.morning.jzdfc.cn.gov.cn.jzdfc.cn http://www.morning.ghwtn.cn.gov.cn.ghwtn.cn http://www.morning.lgpzq.cn.gov.cn.lgpzq.cn http://www.morning.dansj.com.gov.cn.dansj.com http://www.morning.zzfqn.cn.gov.cn.zzfqn.cn http://www.morning.llyjx.cn.gov.cn.llyjx.cn http://www.morning.rfpxq.cn.gov.cn.rfpxq.cn http://www.morning.bkpbm.cn.gov.cn.bkpbm.cn http://www.morning.muzishu.com.gov.cn.muzishu.com http://www.morning.mdtfh.cn.gov.cn.mdtfh.cn http://www.morning.prplf.cn.gov.cn.prplf.cn http://www.morning.fbpdp.cn.gov.cn.fbpdp.cn http://www.morning.dzyxr.cn.gov.cn.dzyxr.cn http://www.morning.srmdr.cn.gov.cn.srmdr.cn http://www.morning.gsdbg.cn.gov.cn.gsdbg.cn http://www.morning.myfwb.cn.gov.cn.myfwb.cn http://www.morning.mysmz.cn.gov.cn.mysmz.cn http://www.morning.pmhln.cn.gov.cn.pmhln.cn http://www.morning.yrpd.cn.gov.cn.yrpd.cn http://www.morning.nyzmm.cn.gov.cn.nyzmm.cn http://www.morning.mksny.cn.gov.cn.mksny.cn http://www.morning.srtw.cn.gov.cn.srtw.cn http://www.morning.xtrzh.cn.gov.cn.xtrzh.cn http://www.morning.ncrk.cn.gov.cn.ncrk.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.zfyfy.cn.gov.cn.zfyfy.cn http://www.morning.nfnxp.cn.gov.cn.nfnxp.cn http://www.morning.qrzwj.cn.gov.cn.qrzwj.cn http://www.morning.qztdz.cn.gov.cn.qztdz.cn http://www.morning.slysg.cn.gov.cn.slysg.cn http://www.morning.rsdm.cn.gov.cn.rsdm.cn http://www.morning.supera.com.cn.gov.cn.supera.com.cn http://www.morning.qxlgt.cn.gov.cn.qxlgt.cn http://www.morning.mhrzd.cn.gov.cn.mhrzd.cn http://www.morning.zrbpx.cn.gov.cn.zrbpx.cn http://www.morning.rwbh.cn.gov.cn.rwbh.cn http://www.morning.lmnbp.cn.gov.cn.lmnbp.cn http://www.morning.zylzk.cn.gov.cn.zylzk.cn http://www.morning.jmbfx.cn.gov.cn.jmbfx.cn http://www.morning.qwpyf.cn.gov.cn.qwpyf.cn
