root,not,empty,target

root即为根标签:

:root{

background:red;

}

意思是页面背景改为红色。

如果设置了body的样式,body的设置区域为内容区域

not:为父标签下的子标签设置样式

body *:not(#div2){

color:red;

}

意思是:body标签下非div2设置字体为红色。

empty:意思是内容为空的标签的样式设置

:empty{

background:red;

}

意思是空元素下的元素背景颜色为红色。

target对页面中某个target元素指定样式

:target{

background:orange;

}

页面中的target元素改变背景色为橘黄色。

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

相关阅读更多精彩内容

  • 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属...
    Mandy_jin阅读 4,344评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,564评论 0 40
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,224评论 19 139
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,760评论 32 459
  • 今天上网找Tim Urban的文章时,无意间发现了他的另一篇《100 Blocks a Day》(一天100个时间...
    朗读者晟焕阅读 4,444评论 0 0

友情链接更多精彩内容