14.属性选择器

最新推荐文章于 2024-07-28 22:30:50 发布

Keeling1720

最新推荐文章于 2024-07-28 22:30:50 发布

阅读量133

点赞数

分类专栏： HTML5+CSS 文章标签：属性选择器 CSS 属性值 HTML 样式定位

本文链接：https://blog.csdn.net/weixin_44741023/article/details/113817465

版权

HTML5+CSS 专栏收录该内容

41 篇文章 5 订阅

订阅专栏

属性选择器
[属性名] 选择含有指定属性的元素
[属性名 = 属性值] 选择含有指定属性和属性值的元素
[属性名 ^= 属性值] 选择以指定属性值开头的元素
[属性名 $= 属性值] 选择以指定属性值结尾的元素
[属性名 *= 属性值] 选择属性中包含某属性值的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        /**
            [属性名] 选择含有指定属性的元素
            [属性名 = 属性值] 选择含有指定属性和属性值的元素
            [属性名 ^= 属性值] 选择以指定属性值开头的元素
            [属性名 $= 属性值] 选择以指定属性值结尾的元素
            [属性名 *= 属性值] 选择属性中包含某属性值的元素
         */
        /*p[title]{*/
        /*p[title = abc]{*/
        /*p[title ^= abc]*/
        /*p[title $= abc]*/
        p[title *= abc]{
            color: red;
        }
    </style>
</head>
<body>
    <p title="abc">少小离家老大回</p>
    <p title="abcdef">乡音无改鬓毛衰</p>
    <p title="helloabc">儿童相见不相识</p>
    <p>笑问客从何处来</p>
</body>
</html>