CSS具体举例说明

header：匹配名叫header的ID的元素

.header: 匹配class=header的元素
.header .logo：（有空格）匹配class=header元素下class=logo的元素
.header.mobile：(没有空格)匹配class=header mobile的元素（同时匹配）
.header p,.header h3:(中间用逗号隔开）匹配class=header下的p元素和clas=header下的h3元素

header a:hover:在名为header的id下a元素鼠标悬停上时的样式

header .logo~p:匹配id=header下logo元素之后同级所有p元素

header .logo+p:匹配id=header下logo元素之后的相邻同级P元素

header .logo p:匹配id=header下class=logo下的P元素

header .logo>p:匹配id=header下class=logo的所有直接子元素P

header p.logo:匹配id=header下p元素和class=logo下的元素

header .logo.p:匹配id=header下class=logo p的元素

header input[checked]:id=header的元素下匹配checked值的Input的元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS基础与选择器
    CSS加载方式有几种？ 外部样式表(推荐) 通过 引入外部css 通过@import引入样式，放入CSS中（后面一...
    原上的小木屋阅读 718评论 0赞 2
  • CSS选择器
    1.class 和 id 的使用场景? class：类选择器，一个标签可以有多个类且同一个类可以用到不同的标签上，...
    饥人谷_兔子君阅读 1,282评论 0赞 0
  • css选择器
    1.class 和 id 的使用场景? class用于定位某一类元素，页面某一元素有共同特征的可以用class元素...
    阿洁2185阅读 437评论 0赞 0
  • CSS选择器
    1，class 和 id 的使用场景? 1.class是类选择器，用.class定义，定位到页面中有相同特征的一类...
    _思铭阅读 437评论 0赞 0
  • ＣＳＳ选择器
    １.class 和 id 的使用场景?#### class是类选择器，选择的是同一个类的元素；id选择器选择的是有...
    zhaonu阅读 354评论 0赞 0

友情链接更多精彩内容