css3选择器最新 |怎么建css 文件

/* 属性选择器 */
/* 1. 精准匹配属性值 */
input[type='text'] {
color: red;
}
/* 2. 包含属性值 */ 
a[href*='example'] {
background-color: yellow;
}
/* 3. 开头匹配属性值 */
a[href^='https'] {
text-decoration: underline; 
}
/* 4. 结尾匹配属性值 */
img[src$='.jpg'] {
border: 3px solid black; 
}
/* 5. 属性值列表选择器 */
input[type='checkbox'][checked] {
border: 2px solid green; 
}
/* 相邻兄弟选择器 */
p + p {
margin-top: 20px;
}
/* 通用兄弟选择器 */
h3 ~ p {
font-style: italic;
}
/* 超链接伪类 */
a:visited {
color: purple;
}
/* 伪类选择器 */
li:last-child {
font-weight: bold;
}
/* 伪元素选择器 */
h2::first-letter {
font-size: 3em;
}

以上为一些常见的 CSS3 选择器，它们可以被用来选择页面上的 HTML 元素，以便实现相应的样式。

此外，在大家的项目中使用这些选择器时，大家也需要注意浏览器兼容问题。虽然 CSS3 选择器网络浏览器大多已经支持，但是，大家应该在使用之前考虑到兼容性问题。因此，大家需要对浏览器进行注意力的关注，以确保大家的网站功能和样式的最大兼容性。