CSS3:empty

:empty ---空的元素样式

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
   <style>
   :empty{background-color: red;}
   </style>
</head>
<body>
<table border="1">
<tr>
<td>内容1</td>
    <td>内容1</td>

</tr>
    <tr>
        <td>sd</td>
        <td></td>
    </tr>
</table>

</body>
</html>

时间： 2024-11-03 20:59:38

CSS3:empty的相关文章

CSS3 :empty 选择器

这可是个好东西,我也是这个星期才发现的,下面我们来说具体功能. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p:empty { width:100px; height:20px; background:#ff0000; } </style> </head> <bod

CSS3性质(CSS3 Properties) 平台 MAC WIN 浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE 版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8 RGBA Y Y Y Y Y Y Y Y Y Y N N N HSLA Y Y Y Y Y Y Y Y Y Y N N N Multiple Backgrounds Y Y N Y Y Y N N Y Y N N N Bor

CSS3伪类 :empty

:empty 种类:伪类选择器版本:CSS3.0 用法:匹配每个没有子元素(包含文本)的元素. 例子: <!DOCTYPE html> <html> <head> <title>test008_伪类选择器empty</title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: white; } div:emp

CSS3中结构伪类选择器——root、not、empty、target选择器

1.root选择器将样式绑定到页面的根元素中.根元素是指位于文档树中最顶层结构的元素,在HTML页面中就是指包含整个页面的<html>部分. <style type="text/css"> :root{ background:yellow; } body{ background:green; } </style> 注意:不使用root选择器来指定root元素的背景色,只指定body元素的背景色,则整个页面就全部变成了绿色. 2.not选择器如果想

CSS3选择器

我不知道是否有其他人能看见我写的内容,由于我是一个渣渣,很多内容都不知道,所以将这些很简单的东西都记录下来,希望不小心点进来的大神们,能吐槽一下我,呃指点一下我.和我一样的小白们希望能相互学习,谢谢了. 选择器的使用通过选择器的使用,可以不再需要在编辑任何多余的无语义的class属性. 属性选择器: 在使用属性选择器时,需要声明属性和属性值. 声明方法:[att=val],其中att代表属性,val代表属性值. E[att=val]:前面的E表示在何种标签如:div[id=momo],a[he

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分--伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

css3学习笔记，随时帮你记起遗忘的css3

一,css3基本情况介绍. 顾名思义css3是css2的升级版本,它较以往版本新增了很多强大的功能.目前chrome,safari,firefoxopera,IE10以后都开始支持css3的效果. 1.具体增加的强大功能介绍..选择器:以前我们通常用class,id,tagname 来作为html元素的选择器.css3的选择器更强大,他可以减少标签中的class,id的数量,更方便的维护样式表,更好的实现结构与表现的分离..圆角效果:border-radius..块阴影和文字阴影:可以对任意di

初始CSS3

什么是CSS,什么是CSS3? 非常简单,CSS代表"Casading Style Sheets",就是样式表,是一种替代并为网站添加样式的标记性语言.现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的.10年前在internet开始普及的时候,就能够使用样式表对网页进行视觉效果的统一编辑,但是在10年间CSS基本没有什么太大的变化,一直到2010年终于推出了一个全新的版本---CSS3 .CSS3只是表示下一代CSS,3只是版本号,css3在css2.1版本上加入了

CSS3的基础用法

CSS3的现状:1.浏览器支持程度差,需要添加私有前缀 2.移动端支持优于PC端 3.不断改进中 4.应用相对广泛在CSS3中增加新增了许多灵活查找元素的方法,极大的提高了查找元素的效率和精准度.CSS3选择器与jQuery中所提供的绝大部分选择器兼容. 一.属性选择器: ele[attr] 元素包含该attr属性就可以捕获到 ([]前面的ele可以不写,如果不写的话按通配*[attr])ele[attr=value] 元素包含该attr属性,且该attr的value有且只有一个并且完全相等的