IE7新增了哪些CSS属性和选择器?

avatar
作者
筋斗云
阅读量:0
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像素。

IE7新增了哪些CSS属性和选择器?

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 特性,可能需要使用条件注释或回退方案。

    广告一刻

    为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!