一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择器1、CSS 基础选择器2、CSS 复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器
文章目录CSS选择器 CSS选择器CSS选择器也称为选择符,用于选择需要添加样式的元素全局选择器(通配符选择器):用于选择需要添加样式的元素 如: *{margin:0;padding:0;} 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需要酌情使用。标签选择器(元素选择符):用于声明标记采用的样式 如:p{color:red;}类别选择器:用来为相同的类名标签定
CSS基础总结 选择器CSS选择器分为元素选择器,组合选择符,属性选择符,伪类选择符,伪对象选择符五种。一、元素选择器1.通选符: *{ } --->选择所有元素2.类选择器: .class{ } --->选择带有该类的标签3.id选择符: #id{ } --->选择带有该ID的标签4
转载
2023-07-23 22:46:49
1051阅读
07.29自我总结 css基础 一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用 完成网页内容的样式与布局 二.CSS的三种引入方式 1. 内联式 书写位置:在 head标签内定义一个stype标签内 CSS语法:css选择器{样式1;样式2} 优缺点:可读性强,有复用
原创
2021-06-03 17:31:32
97阅读
一、基本选择器1、标记选择器(1)定义: h1 { color:blue; font-size:12px; } 为何叫标记选择器呢?是因为此类选择器是针对HTML的标记而定义的,比如<h1>、<p>、<li>、<bod
原创
2013-07-31 18:45:25
785阅读
点赞
CSS 选择器 标签 选择器 什么是标签选择器? 作用:根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式: 标签名称{ 属性:值; } 注意点: 标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id 选择器 什么是
原创
2021-03-07 17:06:00
290阅读
一、元素(类型)选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。 如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身: html {color:black;} h1 {color:blue;} h2 {color:silver;} 亲自试一试 在 W3C 标准中,元素选择器又称...
转载
2020-02-05 09:49:00
113阅读
2评论
css选择器什么是选择器? 选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应;两者的对应关系可以是一对一,一对多,多对一。选择器的分类: 这里我只展示几种比较常见的类型, 1. 标签选择器 给同一种标签添加样式,例如: 标签名{ 属性名:属性值; }<style type="text/css">
一、选择器1、css主要有7中基本选择器ID选择器:#id类选择器:.class属性选择器:a[href="qqq.com"]标签选择器:body伪类选择器::hover、:link、:active、:visited、:focus、:first-letter伪元素选择器:::before通配符选择器:* 2、css选择器优先级  
最近有点忙,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。 css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万分感谢。 一、选择器 1、* 通配符选择器 这个选择器是匹配页面中所有的元素,一般用来清除浏览器的默认样式.*{margin:0; padding:0} 2、元素选择器 通
转载
2023-08-30 10:59:17
623阅读
1、CSS选择器概述通过选择器可以选定页面中的指定元素,对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器 一般选择器
选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素,注意:一般id名不可重复class选择器.name选择所有class="name"的元素,注意:cl
转载
2023-10-26 15:20:48
85阅读
Scrapy提取数据有自己的一套机制,被称作选择器(selectors),通过特定的Xpath或者CSS表达式来选择HTML文件的某个部分Xpath是专门在XML文件中选择节点的语言,也可以用在HTML上。CSS是一门将HTML文档样式化语言,选择器由它定义,并与特定的HTML元素的样式相关联。 Xpath常用的方法:nodeName 选取
转载
2023-11-03 11:15:44
64阅读
一、普通选择器(Common Selectors)最普通的CSS选择器有类型选择器(Type Selectors)、后代选择器(Descendant Selectors)、ID选择器和Class选择器等等; 1、 类型选择器:类型选择器用于匹配一种特定类型的元素,例如段落元素(p)或标题元素(h1);p {color: black;}
h1 {font-weight: bold;}&nb
#container 选择id为container的元素.container 选择所有class包含container的元素* 选择所有元素div a 选取所有div下所有a元素ul + p 选取ul后面的第一个p元素ul ~p 选取与ul相邻的所有p元素a:nth-child(2) 选取下面第二个标签,如果是a的话则选取,不是则不取a:nth-child(2n) 选取第偶数个a元素a:nth-c
原创
2022-01-11 10:25:00
191阅读
标签选择器id选择器class选择器选择器优先级:style>id>class>tag块元素:独占一行行元素:在同一行内连续显示 a\span\img行内块元素:可以设置宽高(块元素的特点)...
原创
2022-03-15 14:01:52
50阅读
前言:Css中提供了多种选择器可以为我们所用,可以更加精确的帮助我们。1.后代选择器1.1.适用场景:选择父类元素中的子元素或者更下一层的。假如有一个盒子div中有ol,ol中有li。(<ol<li</li</ol是有序列表)1.2.实现代码:cssdivolli{/书写具体样式每个元素之间用空格隔开最后选择的是<li中的内容如果要具体是哪个div,像<divclass="box",我们可以这样写
原创
2022-04-28 10:16:59
127阅读
@CHARSET "UTF-8";
原创
2022-12-15 13:44:00
66阅读
标签选择器例如:`p`、`a`、`h[1,6]`、`span`、`div`、、、类选择器(class)class 选择器以 "." 来定义。 如:.id1{样式属性:值;}
命名尽量别用下划线,会出现兼容问题,下划线一般用于JS里,也不要用纯数字或者中文名
例如:注意:
类选择器还包括多类名选择器ID选择器id 选择器以 "#" 来定义。 如:#id1{样式属性:值;}
命名方式如类选
转载
2021-05-04 22:45:05
144阅读
2评论
由于CSS和jquery选择器众多,并且还比较纷杂,特整理以供参考
原创
2013-05-04 21:13:01
840阅读
1、常用选择器常用选择器用于查找某一类别的元素,比如段落或者标题。例:p{font-size:14px;}表示选择所有的段落元素;2、后代选择器后代选择器用于查找特定元素或元素组的后代,后代选择器由两个选择器之间的空格表示。例: div p{font-size:14px;}表示选择所有div元素里的p元素。3、ID选择器用于查找指定id的元素,id选择器以#开始。例:#cont
原创
2013-09-09 16:20:40
668阅读