CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。CSS的选择器分为两大类:基本选择题和扩展选择器。

css基本选择器:标签选择器:针对一类标签

ID选择器:针对某一个特定的标签使用

类选择器:针对你想要的所有标签使用

通用选择器(通配符):针对所有的标签都适用(不建议使用)

1、标签选择器:选择器的名字代表html页面上的标签

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。

示例:

p{

font-size:14px;

}

css

2、ID选择器:规定用#来定义(名字自定义)

针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义。

举例:

Document

#mytitle

{

border:3px dashed green;

}

然后我们在别处使用id来引用它:

你好

3、类选择器:规定用圆点.来定义

示例:

.oneclass/*定义类选择器*/{

width:800px;

}

然后我们在别处使用class来引用它:

你好

4、通配符*:匹配任何标签(引出属性选择器*[title(="...")]{...},匹配所有带有title标签的,a[href

(="...")][title(="...")]{color:red}将同时有 href(="...")和 title(="...")属性的 HTML 超链接的文本设置为红色等)

通用选择器,将匹配任何标签。不建议使用,IE有些版本不支持,大网站增加客户端负担。

效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。

举例:

*/*定义通用选择器*,希望所有标签的上边距和左边距都为0*/{

margin-left:0px;

margin-top:0px;

}

后面就不需要进行引用了以上就可以起到”通配“的效果了。

html中的选择器都是有哪些,基本css选择器有哪些?相关推荐

  1. 在html中单选选择器,已选中单选按钮标签的CSS选择器

    炎炎设计 我忘记了我第一次看到它提到的地方,但只要你for=设置了属性,你就可以将标签嵌入其他地方的容器中.那么,让我们看一下SO上的样本:* { padding: 0; margin: 0; bac ...

  2. html中井号的作用,html5 css选择器 井号, 句点的区别

    一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...

  3. css 查看更多_在Scrapy中如何利用CSS选择器从网页中采集目标数据——详细教程(上篇)...

    /前言/ 今天小编给大家介绍Scrapy中另外一种选择器,即大家经常听说的CSS选择器. /CSS基础/ CSS选择器和Xpath选择器的功能是一致的,都是帮助我们去定位网页结构中的某一个具体的元素, ...

  4. html中css选择器的分类,CSS选择器分类

    CSS选择器分类 标签(空格分隔): CSS 选择器 标签选择器 标签选择器:html代码中的标签.例如:html.form.span 为p标签设置12px字号,行间距设置1.6em的样式: p{ f ...

  5. CSS选择器的声明与嵌套

    CSS选择器的声明与嵌套 使用CSS选择器控制HTML标记的时候,每个选择器的属性可以一次声明多个,选择器本身也可以同时声明多个. 并且,任何形式的选择器,都是合法的,标记选择器,class选择器和I ...

  6. xpath元素和css选择器的定位

    我们一般进行元素定位使用xpath和css选择器 1.xpath元素定位 1.什么是xpath? XPath 是一门在 XML 文档中查找信息的语言 XPath即为XML路径语言(XML Path L ...

  7. 我对CSS选择器的认识

    我对CSS选择器的认识 一.简述 CSS选择器是对HTML元素进行选择的筛选条件,大概可以分为两类: 特征选择器--根据元素自身所具有的某种特征进行筛选,比如名称.ID.属性等: 关系选择器--根据元 ...

  8. python爬虫哪个选择器好用_Python网络爬虫四大选择器用法原理总结

    前几天小编连续写了四篇关于Python选择器的文章,分别用正则表达式.BeautifulSoup.Xpath.CSS选择器分别抓取京东网的商品信息.今天小编来给大家总结一下这四个选择器,让大家更加深刻 ...

  9. CSS选择器的种类使用

    CSS选择器的种类&使用 文章目录 CSS选择器的种类&使用 甚麽是CSS选择器 一.简单选择器 1.标签选择器 2.类选择器 3.ID选择器 二.复合选择器 1.子选择器 2.相邻选 ...

最新文章

  1. Golang学习之GOROOT、PATH、GOPATH及go get
  2. 自定义Spark Partitioner提升es-hadoop Bulk效率
  3. CS231n 学习笔记(4)——神经网络 part4 :BP算法与链式法则
  4. HTTP中response响应数据获取
  5. nvarchar转换为numeric时出错_Oracle转换Postgres
  6. 分享一个真正高收益,一本万利的行业
  7. quartus调用D触发器DFF和JK触发器JKFF
  8. /usr/bin/ld: cannot find -lstdc++ -lz问题
  9. 29.日志路由组件(2)
  10. html 轮播图左右切换代码,js实现左右轮播图
  11. 宇宙各种定律,也许可以改变你的命运。
  12. C++STL算法 find_first_of根据梁山好汉的姓名长度进行查找
  13. Miss okhttp
  14. IDEA中运行maven多模块项目,提示程序包xxxx不存在
  15. ORA-01034 ORACLE not available
  16. R语言在图上标出点坐标_R语言绘制平行坐标图(PCP)示例
  17. php医院预约挂号系统
  18. 2021安洵杯Misc writeup
  19. 【AI视野·今日Robot 机器人论文速览 第二十六期】Wed, 3 Nov 2021
  20. Hackthebox::grandpa walkthrough

热门文章

  1. 安装ug时提示java出错_为什么安装ug许可证会失败?快速解决ug安装许可证会失败问题...
  2. 13期 12月期刊自荐
  3. python hello world程序代码_第一个Python程序——hello world
  4. excel打开csv后空白解决方法
  5. 电脑风扇Macs Fan Control Pro
  6. c#获取本地ip地址网关子网掩码_详细介绍winformC#获得Mac地址,IP地址,子网掩码,默认网关的代码实例(图)...
  7. java item.getparentnode(),javascript中parentNode,childNodes,children的应用详解
  8. 【1+X】软件测试概述
  9. 一文搞定十大经典排序算法
  10. meshing:The mesh file exporter could not resolve cyclic dependencies in overlapping contact regions.