css 属性选择器

/* 示例代码：使用 CSS 属性选择器 */

/* 选择具有特定属性的元素 */
input[type="text"] {
    border: 2px solid blue;
}

/* 选择具有特定属性值的元素 */
a[href="https://example.com"] {
    color: red;
}

/* 选择具有部分匹配属性值的元素 */
img[src*="logo"] {
    border: 1px solid black;
}

/* 选择以特定值结尾的属性值的元素 */
a[href$=".pdf"] {
    background-color: yellow;
}

/* 选择以特定值开头的属性值的元素 */
a[href^="https"] {
    font-weight: bold;
}

解释说明：

• input[type="text"]：选择所有 type 属性等于 "text" 的 <input> 元素，并设置其边框为蓝色。
• a[href="https://example.com"]：选择所有 href 属性等于 "https://example.com" 的 <a> 元素，并将其文本颜色设置为红色。
• img[src*="logo"]：选择所有 src 属性包含字符串 "logo" 的 <img> 元素，并为其添加黑色边框。
• a[href$=".pdf"]：选择所有 href 属性以 .pdf 结尾的 <a> 元素，并将其背景色设置为黄色。
• a[href^="https"]：选择所有 href 属性以 https 开头的 <a> 元素，并将其字体加粗。