知识问答
IE7新增了哪些CSS属性和选择器?
:hover 伪类,:active 伪类,:focus 伪类,:visited 伪类,:link 伪类,:before 伪元素,:after 伪元素,:firstchild 伪类,:lastchild 伪类,:nthchild() 伪类,:lang() 伪类,[attribute] 属性选择符,[attribute=value] 属性选择符,[attribute~=value] 属性选择符,[attribute|=value] 属性选择符,[attribute^=value] 属性选择符,[attribute$=value] 属性选择符,[attribute*=value] 属性选择符IE7是微软推出的一款浏览器,它在CSS支持方面进行了显著的改进,以下是IE7新支持的CSS属性和属性选择符:
新支持的CSS属性
| 属性 | 描述 |
| minheight | 设置元素的最小高度 |
| maxheight | 设置元素的最大高度 |
| minwidth | 设置元素的最小宽度 |
| maxwidth | 设置元素的最大宽度 |
新支持的属性选择符
| 选择符 | 描述 | |
| [=] | 精确属性匹配,只有当属性完全匹配指定值的时候,才会应用该css定义。 | |
| [] | 存在匹配,只要存在这样的属性,则应用该css定义。 | |
| [ | =] | 连字号匹配,使用连字号匹配的css定义。 |
| [^=] | 前缀匹配,只有是指定属性以指定字符开始,则应用该css定义。 | |
| [*=] | 子字符串匹配,只有指定属性存在指定字符,则应用该css定义。 | |
| [$=] | 后缀匹配,只有指定属性以指定字符结尾,则应用该css定义。 | |
| [~=] | 空白分隔匹配,是指使用空格或空白间隔的属性值,则应用该css定义。 |
相关问答FAQs
1、问题:在IE7中,如何使用minheight和maxheight属性?
解答:在IE7中,可以使用minheight和maxheight属性来设置元素的最小高度和最大高度。{minheight: 100px; maxheight: 200px;}将设置元素的最小高度为100像素,最大高度为200像素。
2、问题:在IE7中,如何使用精确属性匹配选择符[=]?
解答:在IE7中,可以使用精确属性匹配选择符[=]来匹配具有特定属性值的元素。[title="example"]将选择所有具有title属性值为“example”的元素。
IE7 新支持的 CSS 属性和属性选择符
CSS 属性
1、borderradius
描述:为元素边框提供圆角效果。
语法:borderradius: length; 或borderradius: topleft topright bottomleft bottomright;
支持情况:IE7 有限制地支持。
2、boxshadow
描述:为元素添加阴影效果。
语法:boxshadow: hshadow vshadow blur spread color inset;
支持情况:IE7 不支持。
3、opacity
描述:设置元素的透明度。
语法:opacity: float;
支持情况:IE7 需要使用滤镜来实现类似效果。
4、backgroundposition
描述:设置背景图片的位置。
语法:backgroundposition: horizontal vertical;
支持情况:IE7 支持。
5、backgroundattachment
描述:设置背景图片是否随页面滚动。
语法:backgroundattachment: scroll | fixed;
支持情况:IE7 支持。
6、textshadow
描述:为文本添加阴影效果。
语法:textshadow: hshadow vshadow blur color;
支持情况:IE7 不支持。
属性选择符
1、E[att^=value]
描述:选择属性名称以value 开头的元素E。
示例:a[title^="abc"] 选择所有title 属性以 "abc" 开头的<a> 元素。
2、E[att$=value]
描述:选择属性名称以value 结尾的元素E。
示例:a[title$="xyz"] 选择所有title 属性以 "xyz" 结尾的<a> 元素。
3、E[att*="value"]
描述:选择属性名称包含value 的元素E。
示例:a[title*="com"] 选择所有title 属性包含 "com" 的<a> 元素。
4、E[att~="value"]
描述:选择属性值由空格分隔的多个值之一包含value 的元素E。
示例:a[title~="google com"] 选择所有title 属性包含 "google com" 的<a> 元素。
5、E[att|="value"]
描述:选择属性值为以value 开头的字符串的元素E,通常用于选择语言代码。
示例:a[lang|="en"] 选择所有lang 属性值为 "en"、"enUS"、"enGB" 等<a> 元素。
注意事项
IE7 对 CSS3 的支持非常有限,许多 CSS3 特性在 IE7 中无***常工作。
为了在 IE7 中实现某些 CSS3 特性,可能需要使用条件注释或回退方案。