阅读量:0
IE7新支持的CSS属性和属性选择符包括：borderradius、boxshadow、textshadow等。
在IE7版本中，引入了一些新的CSS属性和属性选择符，这些新特性极大地增强了网页设计的灵活性和功能性，以下是IE7新支持的CSS属性和属性选择符的介绍：
1、minheight：允许开发者设置元素的最小高度，这在创建响应式设计时特别有用，可以确保元素不会小于特定的高度，从而避免内容溢出或其他布局问题。
2、maxheight：用于限制元素的最大高度，这有助于防止内容过度拉伸或占用过多的垂直空间。
3、minwidth：通过设置元素的最小宽度，可以确保元素不会收缩到无法接受的程度，保持内容的可读性和布局的完整性。
4、maxwidth：限制元素的最大宽度，有助于控制元素在高分辨率显示设备上的扩展。
5、精确属性匹配 [=]：当属性值完全等于指定值时，应用样式规则。[type="text"] 只会选择<input type="text"> 元素。
6、存在匹配 []：只要元素具有指定的属性，无论属性值是什么，都会应用样式。[title] 会选择所有带有title 属性的元素。
7、连字号匹配 [|=]：当属性值以特定字符串开头时，应用样式。[lang|="en"] 会匹配lang="en" 或lang="enus" 等。
8、前缀匹配 [^=]：当属性值以特定字符串开头时，应用样式。[href^="https"] 会匹配所有以https 开头的链接。
9、**子字符串匹配 [*=]**：当属性值包含特定字符串时，应用样式。[title*="flower"] 会匹配所有标题中包含 "flower" 的元素。
10、后缀匹配 [$=]：当属性值以特定字符串结尾时，应用样式。[src$=".jpg"] 会匹配所有src 属性以.jpg 结尾的元素。
11、空白分隔匹配 [~=]：当属性值包含由空白字符分隔的特定字符串时，应用样式。[class~="button"] 会匹配所有class 属性中包含 "button" 的元素。
相关问答FAQs
1、问：如何在IE7中使用minheight和maxheight来控制元素的高度？
答：在IE7中，可以使用minheight和maxheight属性来控制元素的高度，要设置一个元素的最小高度为100像素，最大高度为200像素，可以这样写：
```css
.element {
minheight: 100px;
maxheight: 200px;
}
```
2、问：如何在IE7中使用精确属性匹配选择符来选择特定属性的元素？
答：在IE7中，可以使用精确属性匹配选择符[=] 来选择具有特定属性值的元素，要选择所有type属性值为"text"的<input>元素，可以这样写：
```css
input[type="text"] {
border: 1px solid #000;
}
```
IE7对CSS的支持虽然不及现代浏览器全面，但新增的属性和选择符仍然为开发者提供了更多的设计可能性，了解并合理利用这些新特性，可以在兼容性和创新性之间找到平衡点。
