在CSS中,中括号([ ])被用来表示属性选择器。/* 选择所有class属性的值中包含 red 的元素 */ [class*= red ] { color: red; } /* 选择所有id属性的值
在CSS中,中括号([ ])被用来表示属性选择器。
/* 选择所有class属性的值中包含"red"的元素 */ [class*="red"] { color: red; } /* 选择所有id属性的值等于"myid"的元素 */ [id="myid"] { font-size: 18px; }
属性选择器可以用来根据元素的属性值来选择元素,这样就可以更加灵活地改变元素的样式。比如,上面的第一个例子选择了所有class属性的值中包含"red"的元素,并将它们的字体颜色设置为红色。
需要注意的是,中括号内的表达式需要用双引号(" ")或单引号()包含起来。
属性选择器还可以与其他选择器组合使用,比如:
/* 选择所有class属性的值中包含"red"的p元素 */ p[class*="red"] { color: red; } /* 选择所有id属性的值等于"myid"的div元素 */ div[id="myid"] { font-size: 18px; }
在上述例子中,属性选择器与元素选择器(p和div)组合,可以更加精确地选择元素。
粉丝
0
关注
0
收藏
0