CSS属性选择器指的是什么

小编给大家分享一下CSS属性选择器指的是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联建站长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为管城企业提供专业的成都网站设计、成都网站制作，管城网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

CSS属性选择器

<meta charset="UTF-8">

<title>Title</title>

<style>

    .demo a{

        float: left;

        display: block;

        height: 50px;

        width: 50px;

        text-align: center;

        border-radius: 10px;

        background-color: aqua;

        color: blue;

        text-decoration: none;

        margin-right: 10px;

        font: bold 20px/50px Arial;

    }

    /*选中a标签里面带有id属性的元素   语法 ： a[属性名或者属性名=属性值]{}

    这里面的 = 表示绝对等于

    *=  包含这个元素

    ^=  表示以什么开头

    $=  表示以什么结尾

    */

    /*a[id]{

        background-color: yellow;

    }*/

   /* a[id=first]{

        background-color: #e51010;

    }*/

    /*选中class中含有links的元素*/

    /*a[class*="links"]{

        background-color: yellow;

    }*/

    /*选中href中以http开头的元素*/

    /*a[href^=http]{

        background-color: yellow;

    }*/

    /*选中href中以pdf结尾的元素*/

    a[href$=pdf]{

        background-color: yellow;

    }

</style>

<p class="demo">

    <a href="https://www.baidu.com" class="links item first" id="first">1</a>

    <a href="https:" class="links item first" target="_blank" title="test">2</a>

    <a href="image/123.html" class="links item">3</a>

    <a href="image/123.png" class="links item">4</a>

    <a href="image/123.jpg" class="links item">5</a>

    <a href="abc" class="links item">6</a>

    <a href="abc/a.pdf" class="links item">7</a>

    <a href="/ad.pdf" class="links item">8</a>

    <a href="abd.doc" class="links item">9</a>

    <a href="djw.doc" class="links item last">10</a>

</p>

以上是“CSS属性选择器指的是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文题目：CSS属性选择器指的是什么
新闻来源：https://www.cdcxhl.com/article48/ijppep.html

成都网站建设公司_创新互联，为您提供网站设计公司、网站内链、手机网站建设、响应式网站、品牌网站建设、营销型网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联