css 选择器变量 |css中的cursor

css background 偏移，reset.css用法，css scale 参照点，css渐变色带，html5css怎么打，easyui布局css文件夹，css中的cursor css 选择器变量 |css中的cursor

CSS3增加了新的选择器，可以更方便地为网页元素设置样式。下面介绍一些常用的CSS3选择器：

/* 通配选择器 */
* {
padding: 0;
margin: 0;
}
/* 元素选择器 */
p {
color: blue;
}
/* 类选择器 */
.class {
background-color: yellow;
}
/* ID选择器 */
#id {
font-size: 16px;
}
/* 属性选择器 */
[type="text"] {
border: 1px solid red;
}
/* 伪类选择器 */
a:hover {
color: red;
}
/* 伪元素选择器 */
p::before {
content: "Hello ";
}

除了选择器，CSS也允许使用变量来定义一些样式值，从而提高CSS的可维护性和可读性。CSS变量以–开头，使用 var() 函数可以引用它们。变量可以在任何地方使用，包括选择器，属性值，以及 @规则内。

/* 定义变量 */
:root {
--main-color: #ff6347;
}
/* 使用变量 */
p {
color: var(--main-color);
}

以上就是CSS3选择器和变量的使用方法，有了它们，大家可以更加灵活地控制网页的样式。