CSS选择器

buttonChan 2020-08-02

通用选择器

应用于文档中的所有元素
eg:

*{}
应用于页面中的所有元素

类型选择器

匹配元素名称与选择器相似的元素
eg:

h1,h2,h3{}
应用于<h1>元素，<h2>元素和<h3>元素

类选择器

匹配这样的元素：元素的class特性的值与此选择器的点（或句点）符号后面的部分相同
eg:

.note{}
应用于所有class特性值为note的元素。
p.note{}
只应用于class特性值为note的<p>元素

id选择器

匹配这样的元素：元素的id特性的值与此选择器#后面的部分相同
eg:

#introduction{}
应用于id特性值为introduction的元素。

子元素选择器

匹配指定元素的直接元素
eg:

li>a{}
应用于所有父元素为<li>的<a>元素（对页面中其它<a>元素不起作用）

后代选择器

匹配指定元素的后代元素（不仅是指定元素的直接子元素）
eg:

p a{}
应用于所有位于<p>元素中的<a>元素，不论他们之间有没有嵌套其他元素

相邻兄弟选择器

匹配一个元素的相邻兄弟元素
eg:

h1+p{}
应用于<h1>元素之后的第一个<p>元素（对其他<p>元素不起作用）

普通兄弟选择器

匹配一个元素的兄弟元素，不论这个元素是不是与它的兄弟元素相连
eg:

h1~p{}
如果有两个<p>元素均为<h1>元素的兄弟元素，那么这些规则对两个兄弟元素都起作用

css中的伪类

锚伪类（未被访问状态，已被访问状态，鼠标悬停状态，活动状态）
:link 未被访问的链接添加样式
:visited 向已被访问的链接添加样式
:hover 鼠标悬停时向元素添加样式
:active 向被激活的元素添加样式
:focus 向拥有鼠标输入焦点的元素添加样式
:first-child 向第一个子元素添加样式
eg:

<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
    <style>
        a:link{background-color: aqua;}
    </style>
    <body>
       <a href="#">ZzkTxdy</a>
    </body>
</html>
buttonChan

buttonChan

相关推荐

CSS元素选择器是怎样运作的？

在前端工程师的日常工作中，使用 CSS 元素选择器是稀松平常的事；无论你是编写一般的 CSS 还是需要经过编译的 SASS，SCSS，LESS等，最终都被编译成一行一行的 CSS 样式属性，最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢?CSS

jiedinghui / 0评论 2020-10-25

16个非常有用的CSS伪选择器，你千万不要错过了！

熟悉所有的 CSS 是实现这个目标的一种方法 —— 另一种是实施最佳实践和尽可能的减少代码。这个伪元素选择器选择换行之前文本的首行。这个伪元素选择器应用于元素中文本的首字母。应用于任何被用户选中的高亮区域。在 HTML 中，为 HTML 元素。这个规则将应

葉無聞 / 0评论 2020-09-01

CSS基础总结 选择器

CSS选择器分为元素选择器，组合选择符，属性选择符，伪类选择符，伪对象选择符五种。div p{ } --->选取所有<div> 元素和 <p> 元素。指定只有当<p>元素是其父级的第一个子级的样式。

drdrsky / 0评论 2020-07-05

为什么是link-visited-hover-active原理这样的特殊

通常我们在设置链接的一些伪类样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按css2规范中推荐的顺序进行介绍，即link-visited-hover-active，可记为LoVe-HAte。下面我们分别来看看特殊性、

葉無聞 / 0评论 2020-07-05

CSS 选择器常见的有几种?

注意选择器之间不能有空格，要紧挨在一起。[属性名*="属性值"] 选取属性值包含指定内容的元素

xiaohuli / 0评论 2020-07-05

Java学习（十二）

今天安装讲师推荐下载了一个叫Hbuiler X的IDE，并且学习了选择器的知识。选择器1选择器2{}//同时满足2个选择器条件的才会使用大括号内的样式也可以选中全页面统一样式。static{}中的代码叫做静态代码块，在类加载时执行，且只执行一次，从上而下的

opspider / 0评论 2020-06-28

Selenium系列之--06 CSS SELECTOR选择器的一些写法

//div#radio>input:nth-of-type 选择id为radio的div下的第4个input节点。//input.Volvo[name=‘identity‘] 选择class为.Volvo并且name为identity的input节点

zhanghaibing00 / 0评论 2020-06-28

jQuery基础及选择器2

$.css;//同辈元素选择器。$.css;//a标签带有class属性

e度空间 / 0评论 2020-06-28

css基础选择器

《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说，创造了一个回旋宛转的动人故事，并通过塑造的艺术形象，再现了现实生活的真实，感染了千百年来的读者，诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远

opspider / 0评论 2020-06-26

CSS的选择器

匹配所有具有att属性的E元素，不考虑它的值。匹配所有att属性具有多个连字号分隔的值、其中一个值以“val”开头的E元素，主要用于lang属性，比如“en”、“en-us”、“en-gb”等等。q:lang { quotes: “\201D” “\201

somboy / 0评论 2020-06-26

css

表现HTML或XHTML文件样式的计算机语言。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。网页的表现统一，容易修改。丰富的样式，使得页面布局更加灵活。减少网页的代码量，增加网页的浏览速度，节省网络带宽。运用独立于页面的CSS，有利于网页被

sdbxpjzq / 0评论 2020-06-25

一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）4

如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。CSS选择器有很多，掌握常用的即可；CSS样式的优先级，是根据选择器的精确度/权重来决定的，常见的权重如下，权重越大，优先级

xiaohuli / 0评论 2020-06-17

伪元素选择器

伪类本质上是为了弥补常规 CSS 选择器的不足，以便获取到更多信息；伪元素本质上是创建了一个有内容的虚拟容器；因此不能应用在替换元素或单标签元素上， 比如 img 或 br 元素。

zhanghaibing00 / 0评论 2020-06-14

jQuery部分选择器示例

jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装。它能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率。=test]").css;});});二、通过过滤选择器选择元素1.基本

牵手白首 / 0评论 2020-06-14

CSS基础内容

　　　* 在head标签内，定义link标签，引入外部的资源文件。　　　　　1） id选择器：选择具体的id属性值的元素。建议在一个html页面中id值唯一。　　　　粘连问题：当元素的上边缘和上级元素的上边缘重叠时，给元素添加上外边距，会出现粘连问题，通过

teresalxm / 0评论 2020-06-13

css的属性选择器和伪类

<!

AlisaClass / 0评论 2020-06-10

css_选择器

DOCTYPE html><html lang="en"><head> <title>Title</title> <style> /*通用*/

somboy / 0评论 2020-06-09

css: 伪类和伪元素选择器

在页面中，有时候同一个元素在不同动作下有不同的样式。这几种情况下这个链接的标签并没有变化，有变化的只是它的状态，这时候就可以里用伪类来实现这个需求。在浏览器中，伪类的出现是为了向某些选择器添加特殊的效果或限制。伪类是在正常的选择器后面加上伪类名称，中间用冒

覆雪蓝枫 / 0评论 2020-06-09

css1

0级：通配符选择器、选择符和逻辑组合伪类:不影响css优先级，逻辑组合伪类括号中的选择器会影响优先级

沈宫新 / 0评论 2020-06-07

CSS之基本概念篇

HTML只关注语义和结构，主要是对网页元素的整理和分类。CSS的主要使用场景就是美化页面，布局页面。CSS和HTML搭配使用，实现网页结构，表现分离。CSS是叠层样式表也称为CSS样式表或级联样式表。也是一种标记语言。CSS主要用于设置HTML页面中的文本

lcyangcss / 0评论 2020-06-07

6个强大的CSS选择器

-- This one won‘t be selected -->. -- This one will be not selected -->. 不管-list是在类值的开头，中间还是结尾都没有关系。最重要的是该值必须包含-list。结论有时候

xvzhengyang / 0评论 2020-06-07

CSS选择器--乐字节Java

CSS层叠样式表, 是一种用来表现HTML或XML等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。CSS是用来美化

opspider / 0评论 2020-06-06

css基础

选择所有class属性一支的标签,跨标签。id必须保证全局唯一。相邻兄弟选择器: .active +p{}. 同辈向下的所有 p 元素。/* ul 的第一个子元素 子元素为 li*/. 选择当前p元素的父级元素,选中父级元素的第一个,并且是当前元素才

waterv / 0评论 2020-06-06

css选择器

}// 文本1、文本2、文本3变橙色div p:not{　　color:red;}// 文本2、文本3、文本4变红色

waterv / 0评论 2020-06-01

css：复合选择器（后代、子选择器、并集、伪类）

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。常用的复合选择器：后代选择器、子选择器、并集选择器、伪类选择器等等。后代选择器又称为包含选择器，可以选择父元素里面的子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签

sdbxpjzq / 0评论 2020-05-31

CSS之语法与选择器

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性和值被冒号分开。下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。根据

Phoebe的学习天地 / 0评论 2020-05-31

Python网络爬虫四大选择器（正则表达式、BS4、Xpath、CSS）总结

前几天小编连续写了四篇关于Python选择器的文章，分别用正则表达式、BeautifulSoup、Xpath、CSS选择器分别抓取京东网的商品信息。今天小编来给大家总结一下这四个选择器，让大家更加深刻的理解和熟悉Python选择器。正则表达式为我们提供了抓

zengni / 0评论 2020-05-29

选择器-类-ID-伪类

通过设置元素的class属性，可以为元素指定类名。文档中的多个元素可以拥有同一个类名。在写样式表时，ID选择器是以#开头的。//如果多于一个规则指定了相同的属性值都应用到一个元素上，CSS规定拥有更高确定度的选择器优先级更高。除了class和id，你还可以

somboy / 0评论 2020-05-28

id选择器

id选择器可以为特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。

jiedinghui / 0评论 2020-05-27

CSS选择器的优先级

important的优先级别最高 权重值为1111. 用来提升某个直接选中标签的选择器中某个属性的优先级的，可以将被指定的属性的优先级提升为最高。第一等级：内联样式 如: style="", 权重值为1000. 第三等级：类、伪类

tianzyc / 0评论 2020-05-18

css伪选择器使用总结——css中关于伪类和伪元素的知识总汇

该伪元素只支持双冒号的形式；伪元素虽然强大，但是还是有一些特定的标签是不支持伪元素 before 和 after 的。究其原因，要想要标签支持伪元素，需要这个元素是要可以插入内容的，也就是说这个元素要是一个容器，而 input，img，iframe 等元素

冰蝶 / 0评论 2020-05-17

2020/5/16 JAVA html+css

框架标签: <iframe src= "引入页面的地址” frameborder= "0无边框1有边框”width="宽度" height= "高度”name=”给框架起个名字">&l

e度空间 / 0评论 2020-05-16

jQ选择器

// console.log; //获取到.father下的所有子代div标签和页面上所有的p标签。// console.log; //报错 jQuery里面压根没这种写法。-- 过滤选择器前面都会加一个冒号 :odd 找到索引号为奇

e度空间 / 0评论 2020-05-16

jQuery 选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQ

donghongbz / 0评论 2020-05-15

CSS

somboy / 0评论 2020-05-13

【CSS】CSS 样式的三种选择器：基本选择器、组合选择器和属性选择器

通用选择器是一个星号*，功能类似于通配符，用与匹配文档中所有的元素类型，使页面中所有元素都是用该规则。标签选择器是指任意的 HTML 标签名作为一个 CSS 的选择器，用于将 HTML 中的某种标签来统一设置样式。

zhanghao / 0评论 2020-05-12

5.11 dom的选择器

# 一、DOM## 0. js的三大组成部分的关系- ECMAScript规定，如何在BOM中操作DOM## 1. 介绍1. DOM文档对象模型，对象：document - DOM不属于BOM - window对象身上有提供document对象 - DOM

liaoxuewu / 0评论 2020-05-11

根据ID选择器与类选择器控制指定插件生成的表格等的样式（高度，宽度，颜色。。。）

<div class="modal fade" id="O_Modal" tabindex="-1" role="dialog" aria-labelledby=&quo

waterv / 0评论 2020-05-09

前端 - CSS

标志：[ ]1. [name] { color:red } # 找到所有含有name属性的标签2. [name=‘username‘] { color:red } # 找到所有name值为username的标签3. input [name=‘userna

impress / 0评论 2020-05-07

选择器提取内容

都少不了URL值，如下面这段HTML，我们来提取一下里面的URL. 提取属性我们是用：“标签名::attr(属性名)”，比如我们要提取url表达式就是：a::attr，要提取图片地址的表达式就是：img::attr. 当这样限定之后，我们发现这就成功提取了

ZHANGRENXIANG00 / 0评论 2020-04-29

Python学习第63天（css选择器、伪类）

　　css，暂时把他比作给html加各种花里胡哨东西的插件。　　那么如果你要使用css给您的html增加一些东西，你必须得先导入他，怎么操作呢？　　　　1.直接就在你的原有标签中增加style属性，用键值对去描述他。　　　　　　<p style=&q

冰蝶 / 0评论 2020-04-26

CSS——选择器及三大特性

*在企业开发中一般情况下如果仅仅是为了设置样式, 我们不会使用id ,因为在前端开发中id是留给js使用的。*id相当于人的身份证，是不可以重复的。; 子元素选择器只会选中指定标签中, 也就是只会选中特定的儿子标签。

vavid / 0评论 2020-04-20

css样式第一课

css是指层叠样式表，基础语法为选择器和一条或多条声明。层叠样式表有三种引用方式，分别是内联样式表，内部样式表和外联样式表最常用。css的指示器有元素选择器、id选择器、类选择器。相同的指示器后面的声明会将前面的声明覆盖。color颜色size尺寸heig

coulder / 0评论 2020-04-14

CSS 组合选择符：后代选择器、子元素选择器、相邻兄弟选择器、普通兄弟选择器

在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。后代选择器用于选取某元素的后代元素。与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素。相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。

沈宫新 / 0评论 2020-04-08

CSS躬行记（2）——伪类和伪元素

　　伪选择器弥补了常规选择器的不足，能够实现一些特殊情况下的样式，例如在鼠标悬停时或只给字符串中的第一个字符指定样式。与类选择器类似，可以从HTML元素的class属性中查看到，但伪选择器不会出现在HTML文档中。并且它的关键字大小写不敏感，也就是说emp

zengni / 0评论 2020-04-07

前端基础CSS篇之一

HTML只关注语义和结构，主要是对网页元素的整理和分类。CSS的主要使用场景就是美化页面，布局页面。 CSS和HTML搭配使用，实现网页结构，表现分离。CSS是叠层样式表也称为CSS样式表或级联样式表。也是一种标记语言。CSS主要用于设置HTML页面中的文

nicepainkiller / 0评论 2020-03-28

面试官：说说你对css效率的理解

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。大家的支持是我创作的动力。important 此声明将覆盖任何其他声明，不建议使用，除非以下几种情况：。选择器上能缩写的命名就尽

nicepainkiller / 0评论 2020-03-23

CSS选择器（常用选择器）

　　为下图中四行“嘻”字设置样式，我们可以为元素设置class属性，class属性和id属性类似，只不过class属性可以重复

葉無聞 / 0评论 2020-03-08

CSS选择器（子元素和后代元素选择器）

　　作用：选中指定元素的指定后代元素

coulder / 0评论 2020-03-08