H5属性选择器

最新推荐文章于 2024-09-04 10:11:48 发布

zuo_zuo_blog

最新推荐文章于 2024-09-04 10:11:48 发布

阅读量395

点赞数

CC 4.0 BY-SA版权

分类专栏： H5/CSS3

本文链接：https://blog.youkuaiyun.com/zuo_zuo_blog/article/details/88878078

H5/CSS3 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了CSS中的各种选择器使用方法，包括基本的选择器如div、.box类名选择器等，以及更复杂的选择器例如属性选择器。通过具体实例展示了如何精确地定位到网页中的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前学过的选择器
div{}
.box 类名选择器
#box id选择器
div p 后代选择器
div.box 交集选择器
div,p,span 并集选择器
div>p 子代
*：通配符
div+p:选中div后面的第一个p
div~p：选中div后面的所有p
属性选择器，[]通过属性来选择
语法格式：语法：[title]:选中页面的E元素，并且E需要带有title属性

代码如下：
```div[class="box1"]{
     background-color: pink;
 }
/* 带class属性以aa开头*/
 div[class^="aa"]{
     background-color: black;
 }
 /*带class属性以aa结尾*/
 div[class$="aa"]{
     background-color: aquamarine;
 }
/*带有class值并且包含aa*/
div[class*="aa"]{
    background-color: purple;
}