属性选择器

属性选择器

= 绝对等于

*= 包含这个元素

^=以这个开头

￥= 以这个结尾

我们先随便写一些标签元素

创建一个p标签

p标签里面写10个a标签

每个a标签里面写上href 和id 和class

浏览器运行一下

就会发现这10个数字很丑

我们在head里面style中 用后代选择器

选中所有的a标签给他添加点颜色

这里我们可以用p a{}来选择p标签下面所有的a标签

也可以使用.demo a{}来选择p标签下所有的a标签

这是因为，我们在p标签中 加了class元素

font-size 是 文字大小

border-radius 边框的圆形弧度， 值越大，边框越圆

background 是背景颜色的意思

就变成这样了

属性选择器语法

   /*属性选择器的语法
       a[]{
       
       }
       */

a为要选择的 元素

[] 为条件

{} 为声明

这一串代码的意思为，

把a标签里面带有id 的标签 变成蓝色

= 绝对等于

*= 包含这个元素

^=以这个开头

￥= 以这个结尾