网站建设开发技术天津,一般做网站多少钱,做网站代理去拉人,东莞网站推广哪里好元素(标签)之间的关系 父元素#xff1a;直接包含子元素的元素 子元素#xff1a;直接被父元素包含的元素 祖先元素#xff1a;直接或间接包含后代元素的元素#xff0c;父元素也是祖先元素 后代元素#xff1a;直接或间接被祖先元素包含的元素#xff0c;子元素也是后代…元素(标签)之间的关系 父元素直接包含子元素的元素 子元素直接被父元素包含的元素 祖先元素直接或间接包含后代元素的元素父元素也是祖先元素 后代元素直接或间接被祖先元素包含的元素子元素也是后代元素 兄弟元素拥有相同父元素的元素叫做兄弟元素 根据以上的关系可以使用如下选择器
1:子元素选择器
作用选中指定父元素的指定子元素
语法父元素子元素{}
例如divspan{},#root.s1{}
2: 后代元素选择器
作用选中指定元素内的指定后代元素
语法祖先 后代
例如div .rou{}
3:选择下一个兄弟(紧紧挨着我的)
语法前一个下一个
例子pspan
4:选择下面所有的兄弟(前面的不选)
语法兄弟
例子pspan
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlestyle/* 需求一为div的子元素span设置一个字体颜色红色 */div span {color: red;}/* 需求二div里的span元素字体都变为30px */div .rou {font-size: 30px;}div p span {color: violet;}/* 需求三 选择零食区字体颜色变为blue*/p span {color: blue;}p ~ span {background-color: tomato;}/style/headbodydiv idc1我是超市br /span我是零食区/spanp我是生鲜区span classrou id肉类/span/pspan我是鞋包区/spanbr /span我是洗护区/span/divbr /span我是超市外的小卖部/span/body
/html