css选择器，一共有三种

最新推荐文章于 2022-11-05 11:35:29 发布
最新推荐文章于 2022-11-05 11:35:29 发布
阅读量332 收藏
点赞数
分类专栏： 学习笔记 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangfortune/article/details/84462296
版权

ps：标记为学习笔记的博文，只是个人总结，以后有空看看。大家都可以去web上找到原文，因为这里不会给你太多。

css选择器一般有三种，后代选择器，子选择器，兄弟选择器。

后代选择器：比如说找 div 下面的某个table 

 div.users-list  table.users

子选择器： body下面的div 

boy > div

 兄弟选择器：同一个div下的ul 和ol

ul + ol

 

 

 

 

 

 

 

 

 

zhangfortune
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 三种基础选择器
天空之外
08-28 6496
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。 我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。 标签选择器 我们知道一个 HT
CSS的几种选择器
brokyz
06-24 245
标签选择器可以把一类标签全部选择出来，能快速为同类标签统一设置样式，但是无法做出差异化设置。 类选择器 可以给需要修改样式的标签指定class值，通过类选择器将其选择出来，进行样式修改 类选择器可以进行多类名使用，多类名在标签以空格隔开 id选择器 通过给标签指定id来，进行选择，与类选择器有相似处，但是id选择器只能选择一次，不能被选择第二次，是一次性的。 通配符选择器 选取页面中的所有元素标签。 复合选择器 复合选择器是建立在基础选择器之上的，对基本选择器进行组合形成的。选择外层标签里面的所有内层标签。
CSS 三种基本选择器
weixin_45672377的博客
12-14 551
标签选择器 格式 ：标签{} 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种基本选择器</title> <!--标签选择器--> <style> h1{ color: green; } </style&gt
CSS选择器分类大全
m0_67859656的博客
11-05 6334
CSS选择器分类大全 基础选择器 一、基础选择器 二、复合选择器 三、CSS3选择器补充： （一）层级选择器： （二）属性选择器 （三）伪类选择器
CSS中常用的几种选择器是哪几种呢？
weixin_45249263的博客
01-13 4030
CSS中常用的选择器：基本选择器、层次选择器、动态伪类选择器、目标伪类选择器、ui状态伪类选择器、结构伪类选择器、属性选择器、以及伪元素
css三种基本选择器（重要）
weixin_47556601的博客
01-26 2870
大家好，今天我们来分享一下css三种基本选择器 这是我们css当中的一大重点 写一段HTML的初始源代码： 1.标签选择器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 相信我</h1> <p>你很
十种CSS选择器详解介绍
最新发布
01-31
### 十种CSS选择器详解介绍 #### 一、通用选择器 - **定义**: 通用选择器使用星号 `*` 来表示，能够匹配HTML文档中的每一个元素。 - **示例**: ```css * { margin: 0; padding: 0; } ``` - **用途**: 常用于...
CSS教程之css选择器 、属性、值
10-30
本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页。 首先，我们要了解CSS选择器。选择器是CSS的核心组成部分，它的主要作用是定位HTML文档中的特定元素，以便对这些元素应用样式。...
英文教程:五种CSS选择器类型
12-12
英文教程:五种CSS选择器类型. CSScommandsareusuallygroupedinthecurlybracestomakeasetofrules.FollowingarethevariouswaysavailabletoattachthesesetofruleswithHTMLcode.Selector(insimplewords)...
CSS属性选择器的四种格式
12-11
　属性选择器的格式是元素后跟中括号，中括号内带属性，或者属性表达式（不知道描述是否正确，自创的词），比如h1[title],h1[title="Logo"]等，你可以从我下面的论述中看到4种具体形式。1、简易属性选择器　只顾其名...
CSS3中31种选择器使用方法教程
12-13
原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2012 年 6 月，介绍了 30 种最常用的 CSS 选择器用法，多加了一种，变成了牢记 31 种选择器用法。其他 CSS3 选择器用法请查看 CSS3 ...
CSS中的三种基础选择器，
liusure09的专栏
01-13 1万+
Html中有三种方法可以使用CSS，而在css中，有三种基础的选择器 1、元素选择器     也叫标签选择器，即在CSS中利用标签名称来定义其外观 2、类选择器，是用点.符号开头，后面跟上一个自定义的名称，在使用时候，以HTML标签的class属性来标记 3、ID选择器，以符号#开头，后面跟上一个自定义的名称，在使用时以HTML标签的id属性来标记。     以下是几种选择器的使用实例
CSS 常用的几种选择器
StriverLi的博客
03-09 1万+
1、基本选择器## 元素选择器 ##<html> <head> <meta charset="UTF-8"> <title>元素选择器</title> <style type="text/css"> span{color:red;font-size: 20px} </style> </head> <body> <span>hello</span><br/>
CSS中的五大选择器
lanchengxiaoxiao的专栏
03-03 2563
1、元素选择器 最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。 例如： html {background-color: black;} p {font-size: 30px; backgroud-color: gray;} h2 {background-color: red;} 以上css代码会对整个文档添加黑色背景；将所有p元素字体大小设置为30像素同时添加灰色背景；对文档中所有h2元素添加红色背景。
CSS的四种基本选择器和四种高级选择器
热门推荐
Jack
07-11 9万+
CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 下面来分别讲一讲。 1、标签选择器：选择器的名字代表html页面上的标签...
CSS的三种选择器
11-15 5176
标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。 类选择器 类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色
三种常用CSS选择器
weixin_46513229的博客
06-02 3388
CSS样式表的样式规则是由三个部分构成：Selector（选择器），Property（属性）和Value（属性的取值）。 基本的格式如下：Selector {property:value; property:value;…; property:value}
CSS的三个基本选择器
liupc的学习笔记
03-04 3411
css的选择器 要对哪一个标签里面的数据进行操作。哪一个标签就是选择器。 选择器分为基本选择器和扩展选择器。 基本选择器有三种：标签选择器、class选择器、id选择器。 一、标签选择器 定义：使用标签名作为选择器的名称。 例1： //标签选择器.html ...
css三种最基本的选择器
weixin_30577801的博客
05-07 364
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/html"><head lang="en"> <meta charset="UTF-8"> <title>123</title> <style type="text/css"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值