CSS选择器

派生选择器:通过依据元素在其位置的上下文关系来定义样式

li strong{   
 color: blueviolet;
   }
  strong{  
  color: blue;
  }
<p><strong>p 标签 hello Css</strong></p> //最终以strong样色为准
<ul>   
      <li><strong>li标签 hello Css</strong></li> //最终以li strong为准
</ul>

id 选择器

1.id 选择器 :

  • id 选择器可以标有id 的HTML元素指定的样式
  • id 选择器以 “#” 来定义

2.id 选择器和派生选择器
目前比较常用的是id 选择器常常用于建立派生选择器

常用的标签选择器成为派生选择器,与id 选择器配合使用可以决定单独一块的样式
一个带有id 的div 标签,只是针对内部的p标签进行设置

#divid p{ 
   color: aqua;
}

类选择器

1.类选择器 :类选择器以一个点显示
2.class 也可以用作派生选择器

用法同id 选择器 与派生选择器一起使用

<div class="divclass">  
       hello Div <p>p标签</p>
</div>
.divclass p{
    color: blueviolet;
}

属性选择器

1.属性选择器:
对带有指定属性的HTML元素设置样式
2.属性和值选择器

属性选择器.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 885评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,874评论 0 5
  • 一,CSS选择器常见的有几种? 答: 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 组...
    kingBirds阅读 1,842评论 0 0
  • 选择器的种类有很多,可以到 w3cschool 去看看了解一下。也可以在 慕课网 中实践一下。 一、上下文选择器 ...
    天承本草2020阅读 860评论 0 0
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 516评论 0 0