900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css基本选择器 id选择器 class选择器 标签选择器 *通配符选择器 逗号 空格 + >

css基本选择器 id选择器 class选择器 标签选择器 *通配符选择器 逗号 空格 + >

时间:2023-04-05 10:23:02

相关推荐

css基本选择器 id选择器 class选择器 标签选择器 *通配符选择器 逗号 空格 + >

全栈工程师开发手册 (作者:栾鹏)

css系列教程1—选择器全解

css基本选择器

包括id选择器,class选择器,标签选择器,*通配符选择器,以及使用逗号实现查询集合,空格实现查询后代,>实现查询子元素,+实现查询后续同胞元素,

代码如下:

h2{ /* 标签选择 */}p,h1{ /* 使用逗号实现元素合集 */}div h1,div h2{ /* 使用空格实现后代元素(子元素和子孙元素)查询,表示div的后代元素h1,h1和div的合集,在从合集中查找后代元素h2,最后查询到的为h2列表 */background-color: #2b542c;}p>h1{ /* >表示直接子元素 */}p+h1{ /* +表示紧接在后面的同胞元素,选择h1元素 */}html>body table+ul{ /* 在html元素中查询直接子元素body,在body中查询后代元素table,在table元素后面查询同胞元素ul,即在最后选择的为ul列表 */}body *{/* *通配符选择器,匹配所有元素,表示匹配body的所有后代元素 */}p.class1.class2{/* .表示class类选择器,p为标签,连在一块写,表示多重筛选,一个元素可以有多个样式 */}#id1{ /* #id选择器,一个元素只能有一个id,所有元素的id不能相同 */}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。