html中的选择器都是有哪些,基本css选择器有哪些?
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选择器有哪些?相关推荐
- 在html中单选选择器,已选中单选按钮标签的CSS选择器
炎炎设计 我忘记了我第一次看到它提到的地方,但只要你for=设置了属性,你就可以将标签嵌入其他地方的容器中.那么,让我们看一下SO上的样本:* { padding: 0; margin: 0; bac ...
- html中井号的作用,html5 css选择器 井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
- css 查看更多_在Scrapy中如何利用CSS选择器从网页中采集目标数据——详细教程(上篇)...
/前言/ 今天小编给大家介绍Scrapy中另外一种选择器,即大家经常听说的CSS选择器. /CSS基础/ CSS选择器和Xpath选择器的功能是一致的,都是帮助我们去定位网页结构中的某一个具体的元素, ...
- html中css选择器的分类,CSS选择器分类
CSS选择器分类 标签(空格分隔): CSS 选择器 标签选择器 标签选择器:html代码中的标签.例如:html.form.span 为p标签设置12px字号,行间距设置1.6em的样式: p{ f ...
- CSS选择器的声明与嵌套
CSS选择器的声明与嵌套 使用CSS选择器控制HTML标记的时候,每个选择器的属性可以一次声明多个,选择器本身也可以同时声明多个. 并且,任何形式的选择器,都是合法的,标记选择器,class选择器和I ...
- xpath元素和css选择器的定位
我们一般进行元素定位使用xpath和css选择器 1.xpath元素定位 1.什么是xpath? XPath 是一门在 XML 文档中查找信息的语言 XPath即为XML路径语言(XML Path L ...
- 我对CSS选择器的认识
我对CSS选择器的认识 一.简述 CSS选择器是对HTML元素进行选择的筛选条件,大概可以分为两类: 特征选择器--根据元素自身所具有的某种特征进行筛选,比如名称.ID.属性等: 关系选择器--根据元 ...
- python爬虫哪个选择器好用_Python网络爬虫四大选择器用法原理总结
前几天小编连续写了四篇关于Python选择器的文章,分别用正则表达式.BeautifulSoup.Xpath.CSS选择器分别抓取京东网的商品信息.今天小编来给大家总结一下这四个选择器,让大家更加深刻 ...
- CSS选择器的种类使用
CSS选择器的种类&使用 文章目录 CSS选择器的种类&使用 甚麽是CSS选择器 一.简单选择器 1.标签选择器 2.类选择器 3.ID选择器 二.复合选择器 1.子选择器 2.相邻选 ...
最新文章
- Golang学习之GOROOT、PATH、GOPATH及go get
- 自定义Spark Partitioner提升es-hadoop Bulk效率
- CS231n 学习笔记(4)——神经网络 part4 :BP算法与链式法则
- HTTP中response响应数据获取
- nvarchar转换为numeric时出错_Oracle转换Postgres
- 分享一个真正高收益,一本万利的行业
- quartus调用D触发器DFF和JK触发器JKFF
- /usr/bin/ld: cannot find -lstdc++ -lz问题
- 29.日志路由组件(2)
- html 轮播图左右切换代码,js实现左右轮播图
- 宇宙各种定律,也许可以改变你的命运。
- C++STL算法 find_first_of根据梁山好汉的姓名长度进行查找
- Miss okhttp
- IDEA中运行maven多模块项目,提示程序包xxxx不存在
- ORA-01034 ORACLE not available
- R语言在图上标出点坐标_R语言绘制平行坐标图(PCP)示例
- php医院预约挂号系统
- 2021安洵杯Misc writeup
- 【AI视野·今日Robot 机器人论文速览 第二十六期】Wed, 3 Nov 2021
- Hackthebox::grandpa walkthrough
热门文章
- 安装ug时提示java出错_为什么安装ug许可证会失败?快速解决ug安装许可证会失败问题...
- 13期 12月期刊自荐
- python hello world程序代码_第一个Python程序——hello world
- excel打开csv后空白解决方法
- 电脑风扇Macs Fan Control Pro
- c#获取本地ip地址网关子网掩码_详细介绍winformC#获得Mac地址,IP地址,子网掩码,默认网关的代码实例(图)...
- java item.getparentnode(),javascript中parentNode,childNodes,children的应用详解
- 【1+X】软件测试概述
- 一文搞定十大经典排序算法
- meshing:The mesh file exporter could not resolve cyclic dependencies in overlapping contact regions.