6中选择器的运用

选择器的分类和介绍

1.选择器：通过标签的名字去选择它，进行添加属性的操作。

2.id选择器：通过自己起的id名字来找它，进行添加属性的操作，使用前加#。

3.class选择器：通过class起的名字来找它，进行添加属性的操作，使用前加（点）。

4.后代选择器：选择一个标签包含的所有标签（含的多层关系）。

5.子代选择器：选择一个标签中的子标签（只有一种关系）。

6.交集选择器：通过它的标签加起来选择它（标签名在前）

原文地址：https://www.cnblogs.com/caoxinbo/p/9625397.html

时间： 2024-11-09 05:10:58

6中选择器的运用的相关文章

浅谈css中选择器的优先级

学习web前端,主要学习的课程html5,css,js,ajax等一些基本的编程语言,当然这是一门高深的学问.而这篇文章主要是谈谈我对css中选择器优先级的一些简单的理解与看法,希望对您的学习提供一些帮助.好了,废话不多说了,让我们开始进入主题吧. css中文解释是“层叠式样式表”,在这里我要说一下,所谓层叠样式表的意思就是说我们可以给一个标签或者文本内容同时添加许多种样式,简单点说就是可以通过多种方式去支配同一个东西.那么就会出现这样的问题了——选择优先级的问题.就是谁的属性能起到控制的最终目

jquery中选择器input:hidden和input[type=hidden]的差别

jquery中选择器input:hidden和input[type=hidden]的差别关于选择器:hidden的申明, 在jquery申明文档中是如许说的:匹配所有不成见元素,或者type为hidden的元素.而[type=hidden]是查找所有type属性便是hidden的元素.两者是有雷同之处和不合之处的. :hidden匹配所有不成见元素,或者type为hidden的元素,所有样式display便是none的元素和子元素以及type="hidden"的表单位素都在查找的成果

CSS中选择器优先级的权重计算

CSS中选择器优先级的权重计算先看一段代码,如下: a{ color: red; } #box a{ color: green; } [class="box"] a{ color: gold; } .box a{ color: brown; } p a{ color: yellow; } </style> <p id='box' class="box"> <a>hello</a></p> 请问上面代码中,

CSS中选择器优先级与!important权重使用

原文:CSS中选择器优先级与!important权重使用 CSS中的选择器优先级与!important权重使用# .class选择器要高于标签选择器. #id选择器要高于.class选择器. 标签选择器是优先级最低的选择器. !important的属性它的权重值优先级最高的,大于所有的选择器. 标签选择器和.class选择器# 让我们进入标签选择器和.class选择器谁的优先级高实践,实践内容如:将HTML页面中的h2标签设置文本颜色. 代码块 Copy <!DOCTYPE html> <

CSS中选择器优先级顺序实战讲解

我们有些程序猿在给一个元素(比如div)应用样式的时候,会有一些疑问,为什么我写在后面的样式不能覆盖前面的样式呢,不是说CSS是层叠样式表吗? 如果你在开发中也遇到同样的问题,即在给某一元素应用样式的时候(比如写在外部样式表中),写在后面的样式不能覆盖前面定义的样式.这个时候,你可能就得考虑是不是没考虑优先级问题了. 当我们在给一个标签,比如div应用样式的时候,我们得考虑优先级问题. 下面列出的就是是选择器的优先级: 行内样式 > ID选择器样式 > 类别选择器样式 > 标记选择器样式

css中选择器的使用

css是英文Cascading Style Sheets的缩写.它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.我们再将html比喻为树干的时候,css比喻为叶子,花.那要控制这些样式,则要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器.HTML页面中的元素就是通过CSS选择器进行控制的. css的选择器可分为:1.id选择器:2.class类别选择器:3.元素选择器:4.属性选择器

Python爬虫从入门到放弃（十四）之 Scrapy框架中选择器的用法

Scrapy提取数据有自己的一套机制,被称作选择器(selectors),通过特定的Xpath或者CSS表达式来选择HTML文件的某个部分Xpath是专门在XML文件中选择节点的语言,也可以用在HTML上.CSS是一门将HTML文档样式化语言,选择器由它定义,并与特定的HTML元素的样式相关联. XPath选择器常用的路径表达式,这里列举了一些常用的,XPath的功能非常强大,内含超过100个的内建函数.下面为常用的方法 nodeName 选取此节点的所有节点 / 从根节点选取 // 从匹配选

jq中选择器的选择问题

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ height: 100px; width: 200px; background-color: coral; margin: 10px;} </style> <script s

css中选择器优先级问题详解

先根据引入方式分:内联样式,头部样式,外部引入:这三个的优先级依次降低: 相同的引入方式时,根据选择器优先级判断显示哪个样式,具体规则如下: 将选择器的特殊性分为4个等级,a,b,c,d 行内样式,a=1 b 是ID选择器的总数 c 是类,伪类,属性选择器的总数 d 是元素(类型),伪元素选择器的总数举例说明: 选择器特殊性以10为基准的特殊性 1 style="" 1,0,0,0 1000 2 #id01 #id02{} 0,2,0,0 200 3 #id .class{}

jQuery中选择器的空格问题

看书的时候发现有些选择器中的带空格,起初并没有在意,但是当写选择器的时候发现怎么都没有反应,于是仔细比对自己写的和书上的代码,把空格给加上了,结果就有反应了,当是当时不明白是怎么回事,怎么也想不通.在看了几页书便知道怎么回事了,写成博客分享一下. 示例代码: [javascript] view plaincopyprint? <html> <head> <title>选择器空格的问题</title> <script type="text/ja