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

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

2023-03-14 14:20 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完整选择器完整CSS选择器参考手册

定义和用法

[attribute|=value]选择器用于选择指定属性具有指定值开始的元素。

element1 [lang | =“lc”]也称为语言属性选择器。

语言属性选择器选择任何具有lang属性的元素,其值为连字符分隔的值列表,从选择器中提供的值开始。

注意: 该值是整个单词,无论是单独像lang="en",或者像连字符(-)连接的如lang ="en-us"都可以。

例子:

html[lang|="tr"] {color: red;}

Examples

实例

实例 1

选择一个lang属性的起始值="en"的所有元素

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


实例 2

选择一个class属性的起始值="top"的所有元素:

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


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: [attribute|=value]在IE8中运行,必须声明<!DOCTYPE>


相关文章

CSS 教程: CSS 属性选择器


CSS完整选择器完整CSS选择器参考手册
阅读全文
以上是名动网为你收集整理的css中*选择器 CSS [attribute|=value] 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们