css 属性选择器 =

CSS 属性选择器可以让你根据 HTML 元素的属性和属性值来选择和设置样式。这些选择器以方括号[]的形式出现，属性和属性值都必须放在方括号中，中间用等号=链接。

/* 根据属性名选择元素 */a[target] {
    color: blue;
}
/* 根据属性值选择元素 */input[value="Submit"] {
    background-color: green;
}
/* 根据属性值前缀选择元素 */a[href^="https://"] {
    font-weight: bold;
}
/* 根据属性值后缀选择元素 */img[src$=".jpg"] {
    border: 1px solid gray;
}
/* 根据属性值包含选择元素 */a[href*="example.com"] {
    text-decoration: underline;
}
    

属性选择器可以根据不同的需求来选择 HTML 元素。比如，我们可以用a[target]来选择所有带有 target 属性的链接，然后把它们的文本颜色设置为蓝色。我们也可以用input[value="Submit"]来选择提交按钮，并把它们的背景颜色设置为绿色。

另外，属性选择器还可以根据属性值的前缀、后缀和包含来进行选择。比如，a[href^="https://"]可以选择所有以https://开头的链接，并把它们的字体加粗。img[src$=".jpg"]可以选择所有以.jpg结尾的图片，并给它们设置一像素的灰色边框。最后，a[href*="example.com"]可以选择所有包含example.com的链接，并在它们下划线。

总之，CSS 属性选择器是一种非常方便和灵活的选择器，可以让我们根据 HTML 元素的属性来选择和设置样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！