您现在的位置是: 文字教程> 前端教程> CSS/CSS3教程>

CSS基础教程第29课,CSS属性/选择器-

2019-06-21 17:33:043
CSS属性、css选择器具有特定属性的HTML元素样式,具有特定属性的HTML元素样式不仅仅是class和id。注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。

CSS属性

css选择器

具有特定属性的HTML元素样式

具有特定属性的HTML元素样式不仅仅是class和id。

注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。

属性选择器

下面的例子是把包含标题(title)的所有元素变为蓝色:

属性选择器

运行程序尝试一下

属性和值选择器

下面的实例改变了标题title=’php.cn’元素的边框样式:

属性和值选择器

运行程序尝试一下

属性和值的选择器 - 多值

下面是包含指定值的title属性的元素样式的例子,使用(~)分隔属性和值:

属性和值的选择器

运行程序尝试一下

下面是包含指定值的lang属性的元素样式的例子,使用(|)分隔属性和值:

lang属性

运行程序尝试一下

表单样式

属性选择器样式无需使用class或id的形式:

表单样式

运行程序尝试一下

文章评论