CSS教程--CSS 属性选择器

对带有指定属性的 HTML 元素设置样式。

可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

注释：Internet Explorer 7 （以及更高版本）在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。

属性选择器

下面的例子为带有 title 属性的所有元素设置样式：

[title]
{
color:red;
}

亲自试一试

属性和值选择器

下面的例子为 title="W3School" 的所有元素设置样式：

[title=W3School]
{
border:5px solid blue;
}

亲自试一试

属性和值选择器 - 多个值

下面的例子为包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值：

[title~=hello] { color:red; }

亲自试一试

下面的例子为带有包含指定值的 lang 属性的所有元素设置样式。适用于由连字符分隔的属性值：

[lang|=en] { color:red; }

亲自试一试

设置表单的样式

属性选择器在为不带有 class 或 id 的表单设置样式时特别有用：

input[type="text"]
{width:150px;display:block;margin-bottom:10px;background-color:yellow;font-family: Verdana, Arial;
}input[type="button"]
{width:120px;margin-left:35px;display:block;font-family: Verdana, Arial;
}

转载于:https://www.cnblogs.com/JimmyShen/archive/2011/10/09/2203216.html

CSS教程--CSS 属性选择器相关推荐

HTML与CSS基础之属性选择器(二)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>属性选 ...
CSS高级篇——属性选择器 (attribute selectors)
属性选择器可以定位到拥有某个属性的元素,甚至可以精确到具体的属性值. 属性匹配选择器后面跟一个方括号,方括号内是属性名: abbr[title] { border-bottom: 1px dotte ...
CSS教程--CSS字体
CSS 字体系列在 CSS 中,有两种不同类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace" ...
CSS教程--CSS背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. CSS 在这方面的能力远远在 HTML 之上. 背景色可以使用 background-color 属性为元素设置背景色.这个属性 ...
css 属性选择器笔记
1.基本选择器: eg: *{margin:0;padding:0}p{color:black}.content{background:red;}#intro{padding-left:2em;} 2 ...
html控制h1不让换行的属性,CSS控制H1不换行_HTML与CSS教程_电脑知识学习_培训之家...
CSS控制H1不换行为http://www.pxzj8.com整理发布,类型为HTML与CSS教程,本站还有更多关于html与css教程,css教程,html网页设计教程,css视频教程,css教程下 ...
css中reset属性详解,css中如何使用counter-reset属性
css中如何使用counter-reset属性发布时间:2020-09-23 14:26:58 来源:亿速云阅读:83 作者:小新这篇文章主要介绍css中如何使用counter-reset属性, ...
最新的CSS教程，可以参考下哦！
CSS教程 CSS是指层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语 ...
html刷新css样式,让IE浏览器即时刷新CSS样式_HTML与CSS教程_电脑知识学习_培训之家...
让IE浏览器即时刷新CSS样式为http://www.pxzj8.com整理发布,类型为HTML与CSS教程,本站还有更多关于html与css教程,css教程,html网页设计教程,css视频教程,c ...

CSS教程--CSS 属性选择器

对带有指定属性的 HTML 元素设置样式。

属性选择器

属性和值选择器

属性和值选择器 - 多个值

设置表单的样式

CSS教程--CSS 属性选择器相关推荐

最新文章

热门文章