
发表日期: 2022-05-30 10:36:30 浏览次数:106
河南省长垣网站建设-长垣网络公司-优化-制作-设计推广-长垣网站建设服务中心

我们可以设置带有特定属性或属性值的 HTML 元素的样式。
[attribute] 选择器用于选取带有指定属性的元素。
下例选择所有带有 target 属性的 <a> 元素;
a[target] {
background-color: yellow;}[attribute="value"] 选择器用于选取带有指定属性和值的元素。
下例选取所有带有 target="_blank" 属性的 <a> 元素:
a[target="_blank"] {
background-color: yellow;}[attribute~="value"] 选择器选取属性值包含指定词的元素。
下例选取 title 属性包含 "flower" 单词的所有元素:
[title~="flower"] {
border: 5px solid yellow;}上面的例子会匹配以下属性的元素:title="flower"、title="summer flower" 以及 title="flower new",但不匹配:title="my-flower" 或 title="flowers"。
[attribute|="value"] 选择器用于选取指定属性以指定值开头的元素。
下例选取 class 属性以 "top" 开头的所有元素:
注释:值必须是完整或单独的单词,比如 class="top" 或者后跟连字符的,比如 class="top-text"。
[class|="top"] {
background: yellow;}[attribute^="value"] 选择器用于选取指定属性以指定值开头的元素。
下例选取 class 属性以 "top" 开头的所有元素:
提示:值不必是完整单词!
[class^="top"] {
background: yellow;}[attribute$="value"] 选择器用于选取指定属性以指定值结尾的元素。
下例选取 class 属性以 "test" 结尾的所有元素:
提示:值不必是完整单词!
[class$="test"] {
background: yellow;}[attribute*="value"] 选择器选取属性值包含指定词的元素。
下例选取 class 属性包含 "te" 的所有元素:
提示:值不必是完整单词!
[class*="te"] {
background: yellow;}若需为不带 class 或 id 的表单设置样式,属性选择器会很有用:
input[type="text"] {
width: 150px;
display: block;
margin-bottom: 10px;
background-color: yellow;}input[type="button"] {
width: 120px;
margin-left: 35px;
display: block;}提示:请访问我们的 CSS 表单教程,学习如何用 CSS 设置表单样式的更多知识。
河南省长垣网站建设-长垣网络公司-优化-制作-设计推广-长垣网站建设服务中心
服务热线
顶部
备案号: 苏ICP备11067224号
CopyRight © 2011 书生商友信息科技 All Right Reserved
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: http://www.768800.com 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878