`
zhangyaochun
  • 浏览: 2609311 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css3伪类:empty

    博客分类:
  • css3
阅读更多

介绍一下css3伪类之:empty

 

 

  ------------------------ 匹配没有子元素内容的元素。

 

   注释:连空格也不能有!

 

 

#test:empty{width:100px;}

 

   应用场景

 

      可以给一些空节点隐藏用!

1
3
分享到:
评论

相关推荐

    HTML5&CSS3网页制作:结构化伪类选择器.pptx

    HTML5和CSS3是现代网页制作的核心技术,其中CSS3的结构化伪类选择器是增强网页样式控制的重要工具。这些选择器允许开发者更精确地定位和应用样式,提高页面设计的灵活性和可维护性。 首先,`:root`选择器用于选取...

    CSS3伪类选择器;例如:E:root、E:not等等

    CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...

    CSS伪类:empty让我眼前一亮(实例代码)

    最近看过我文章的都知道:我最近在负责一个微信小程序的项目,在其中遇到了很多有趣的事和一些“奇思妙想”。本文的背景就是某天早上我看着wxml文件中一堆wx:if/else和hidden突然很烦躁,先不说wx:if导致的性能问题...

    CSS3 Succinctly

    第四章专注于CSS3中的新伪选择器,如:focus、:visited、:disabled、:enabled、:valid、:invalid、:in-range、:out-of-range、:empty、:checked以及:before和:after伪元素。本章还介绍了:first-x、:last-x和:nth-x伪...

    两种CSS3伪类选择器详细介绍

    本文将详细介绍CSS3中新增的两种伪类选择器:UI元素状态伪类和:nth选择器。 首先,UI元素状态伪类主要用于对表单元素的状态进行样式化。它主要包括:enabled、:disabled、和:checked这三个伪类。:enabled伪类用于...

    CSS3最全手册

    **CSS3最全手册概述** CSS3(Cascading Style Sheets Level 3)是Web样式表语言的最新版本,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS3不仅增加了许多新的功能和选择器,还对现有的CSS...

    CSS3教程:新增加的结构伪类

    【CSS3结构伪类详解】 CSS3引入了结构伪类,极大地增强了样式表对文档结构的理解和控制,使得开发者能够更高效地应用样式,而无需过多地依赖ID和class属性,从而使HTML文档更加简洁和语义化。这些结构伪类基于文档...

    css3-cheat-sheet_IDEAL_cheatsheet_css_

    2. **结构伪类**:`:nth-of-type()`, `:last-of-type()`, `:only-child`, `:empty`等,根据元素在DOM中的位置进行选择。 3. **属性选择器**:例如`[attr=value]`,可以匹配具有特定属性和值的元素。 4. **伪元素**...

    CSS3选择器总结CSS3选择器总结

    - 结构伪类选择器:如:first-child, :nth-child, :nth-last-child, :last-child, :root, :empty。 - UI元素状态伪类选择器:如:target, :enabled, :disabled, :checked。 这些CSS3选择器提高了开发者对页面布局和...

    CSS3中文帮助文档

    **CSS3中文帮助文档概述** CSS3(Cascading Style Sheets Level 3)是Web样式表语言的主要版本,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。它扩展了CSS2.1的功能,引入了新的选择器、布局...

    CSS3选择器教辅.pdf

    以下是一些常见的CSS3选择器及其说明: 1. 类选择器和ID选择器: - 类选择器(.class):用于选取具有特定class属性的元素。例如,使用“.intro”可以选择class为“intro”的所有元素。 - ID选择器(#id):用于...

    css4.2.7.zip

    1. **选择器增强**:新增了伪类选择器(如`:nth-child()`, `:nth-of-type()`)、属性选择器(如`[attr=value]`)和结构性伪类(如`:empty`, `:target`),使选取元素更加精确。 2. **模块化**:CSS3被划分为多个模块...

    css学习文档

    - **结构伪类**:`:first-child`、`:last-child`、`:empty`、`:only-child`,用于根据元素的位置或内容选择元素。 - **否定伪类** `:not(selector)`:选择不匹配给定选择器的元素。 - **伪元素选择器** - `:...

    使用HTML开发商业网站-结构化伪类选择器课件.pptx

    接下来,我们将逐一解析文中提到的几种结构化伪类选择器,并详细介绍其应用场景和实际操作方法。 ### 1. :root 选择器 `:root` 选择器用于匹配文档的根元素。在HTML文档中,根元素始终是 `<html>` 元素。这意味着...

    网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页设计与制作 html5+CSS3+JavaScript 第4章

    CSS3是CSS的最新标准,引入了更多高级功能,如新的选择器(如属性选择器、伪类和伪元素)、多列布局、过渡和动画、以及响应式设计等。在编写CSS样式时,应遵循良好的编码规范,如统一使用英文或简写,避免缩写,使用...

    CSS伪类/伪元素选择器整理

    需要注意的是,虽然CSS伪类和伪元素为网页提供了强大的设计能力,但也要注意避免过度装饰或滥用,以免降低网页的可访问性和用户体验。在实际工作中,应当充分考虑到不同浏览器和设备的兼容性问题,并适时进行测试。

    浅谈CSS伪类与伪元素

    在前端开发中,CSS是构建网页界面的核心技术之一,...总结来说,CSS伪类和伪元素为开发者提供了强大的工具,可以更加灵活地控制页面的样式和布局。通过合理地使用这些工具,开发者可以创建出更加丰富和动态的用户界面。

    css选择器.docx

    - **结构性伪类**,如`:first-child`,`:last-child`,`:nth-child(n)`,`:nth-last-child(n)`,`:only-child`,`:root`,`:empty`,`:first-of-type`,`:last-of-type`,`:nth-of-type(n)`,`:nth-last-of-type(n)`,`:only-...

    tailwindcss-empty:Tailwind插件为空元素生成变体

    tailwindcss-empty 死了的简单Tailwind插件,它为 CSS伪类添加了一个变体。安装npm i tailwindcss-empty用法在您的tailwind.js : modules: { // The plugin only generates classes when you explicitly // ...

Global site tag (gtag.js) - Google Analytics