CSS中的*选择器是一种特殊的选择器,它可以用来匹配所有元素。它可以用来设置全局样式,也可以用来重置样式。
* { margin: 0; padding: 0; }
在上面的代码中,我们使用*选择器将margin和padding设置为0,这意味着所有元素都将重新获得相同的外边距和内边距。这对于创建一个干净、整洁的布局非常有用。
* { box-sizing: border-box; }
在上面的代码中,我们使用*选择器将box-sizing设置为border-box,这意味着所有元素都将使用border-box作为定位方式。这对于创建一个可预测、可重复使用的布局非常有用。
完整CSS选择器参考手册
[attribute|=value]选择器用于选择指定属性具有指定值开始的元素。
element1 [lang | =“lc”]也称为语言属性选择器。
语言属性选择器选择任何具有lang属性的元素,其值为连字符分隔的值列表,从选择器中提供的值开始。
注意: 该值是整个单词,无论是单独像lang="en",或者像连字符(-)连接的如lang ="en-us"都可以。
例子:
html[lang|="tr"] {color: red;}
选择一个lang属性的起始值="en"的所有元素
选择一个class属性的起始值="top"的所有元素:
所有主流浏览器都支持[attribute|=value]选择器。
注意: [attribute|=value]在IE8中运行,必须声明<!DOCTYPE>
CSS 教程: CSS 属性选择器
CSS #id 选择器CSS 选择器参考手册实例为 id=01 的元素设置样式:#01{ background-color:red;}亲自试一试浏览器支持IEFirefoxChr...
CSS align-content 属性CSS 参考手册 定义和用法align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容...
CSS border-bottom 属性实例设置底部边框样式:p {border-style:solid;border-bottom:thick dotted #ff0000;}标签定义及使用说明...
CSS border-bottom-width 属性实例 设置底部边框宽度:p {border-style:solid;border-bottom-width:15px;}属性定义及使用说明bor...
CSS #id 选择器完整CSS选择器参考手册定义和用法#id 选择器指定具有id的元素的样式。#id 选择器使用 “#” 来选择具有包含特定值...