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