举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css中*选择器 CSS [attribute|=value] 选择器

css中*选择器 CSS [attribute|=value] 选择器

2023-03-22 16:18 CSS参考手册

css中*选择器 CSS [attribute|=value] 选择器

css中*选择器

CSS中的*选择器是一种特殊的选择器,它可以用来匹配所有元素。它可以用来设置全局样式,也可以用来重置样式。

* {
    margin: 0;
    padding: 0;
}

在上面的代码中,我们使用*选择器将margin和padding设置为0,这意味着所有元素都将重新获得相同的外边距和内边距。这对于创建一个干净、整洁的布局非常有用。

* { 
    box-sizing: border-box; 
}

在上面的代码中,我们使用*选择器将box-sizing设置为border-box,这意味着所有元素都将使用border-box作为定位方式。这对于创建一个可预测、可重复使用的布局非常有用。

CSS [attribute|=value] 选择器

CSS [attribute|=value] 选择器

CSS 选择器参考手册

实例

选择 lang 属性值以 "en" 开头的元素,并设置其样式:

[lang|=en]
{ 
background-color:yellow;
}

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都支持 [attribute|=value] 选择器。

注释:对于 IE8 及更早版本的浏览器中的 [attribute|=value],必须声明 <!DOCTYPE>。

定义和用法

[attribute|=value] 选择器用于选取带有以指定值开头的属性值的元素。

注释:该值必须是整个单词,比如 lang="en",或者后面跟着连字符,比如 lang="en-us"。

亲自试一试 - 实例

选择其 class 属性值以 "top" 开头的元素,并设置其样式:

[class|=top]
{ 
background-color:yellow;
}

亲自试一试

相关页面

CSS 教程:CSS 属性选择器

CSS 教程:CSS 属性选择器详解

CSS 选择器参考手册

阅读全文
以上是编程学为你收集整理的css中*选择器 CSS [attribute|=value] 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部