九. CSS三大特性 1. 层叠性（覆盖性）： **相同的选择器给设置相同的样式，**此时一个样式会覆盖另一个冲突的样式、 层叠性就是要解决样式冲突的问题 层叠性原则： 若样式冲突：就近原则，离那个样式结构近，就执行那个样式 样式不冲突，不会层叠 <style> /*两个都是标签选择器同时对元素设置 ...
转载
2021-10-17 23:19:00
75阅读
2评论
1、父元素选择器：$div>span 例：.wrap>$div>span{color:red;} 此时样式会落在带有$的div身上 例2：$ol>li:only-child{list-style:none;} 此时样式会落在只有一个li子元素的ol身上。2、链接地址伪类：分割线//// :any-link（用于所有链接） :local-...
转载
2023-03-02 05:36:29
690阅读
我们知道有CSS1，CSS2，甚至还有由CSS2.1推出的CSS3不是么？这篇文章将快速的解释CSS如今的版本。CSS版本1和版本2都是统一规范的。所有的CSS，无论是选择器，定位，还是颜色等等都被包含在一个厚重的文档中。统一规范的问题在于当想要结束这版规范的时候，每个组件都不得不被结束。随着CSS逐渐变的复杂，新的特性被添加进来，为了宣布CSS版本结束而限制CSS每个部分都停止更新是不明智的。因
转载
2021-01-20 15:11:52
579阅读
2评论
同构成了CSS布局的基础，掌握它们对网页设计至关重要。
前言最近在项目中用到 :first-child 很容易的就想到了，嗯嗯。这不就是选择第一个元素吗？好像很好用，平时使用中也没有遇到什么问题，理所当然的就以为它只会选中父元素下的第一个元素，对孙元素和曾孙元素没有影响。事实证明，我的理所当然是错的。E:first-child的第一个误区(只会选中我规定的区域中的一个，不会遍历其下有多少个孙或曾孙元素)body p:first-child
{
back
转载
2024-03-19 14:26:36
295阅读
HTML部分： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/详情.css"/> </head> <body> ...
转载
2021-10-28 17:49:00
108阅读
2评论
在css中，元素不能往前选择，即不能选择父元素或前兄弟元素；这都受制于DOM渲染规则；这其实也好理解，html是从外层往里层的渲染机制；如果可以往上渲染就会出现渲染紊乱与性能等之类的问题；改变DOM与视界的位置，从而达到改变展示效果兄弟选择符只能选择后面的元素，但所表达的“后面”是指代码层面的后面，我们可以通过改变视界的效果来实现”前兄弟选择符“的效果；即把元素放到后面，通过更改样式或文档流让视界
转载
2023-10-19 10:51:50
55阅读
一、元素定位定位属性position定位方式，取值为static（默认值，标准文档流）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）偏移属性，与包含块之间的偏移top、bottom、left、right，取值为正向里移，负值外移z-index元素的堆叠属性，值大的覆盖值小的，默认值0 包含块：是指离该元素最近的按relative、absolute、fixed
转载
2023-12-31 14:09:26
334阅读
若实现效果如下，
css伪类可以把握的死死的↓↓↓ 举个栗子：<div class="contents">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<style>
.contents{
display: flex;
转载
2024-06-23 23:00:47
46阅读
一、概述一个元素最终只有一个css属性对其生效，除了多处指定属性这种情况，还有一种就是元素会继承祖元素的属性，这是一个不简单，也不复杂的问题。二、继承一个元素如果本身没有被指定css属性，那么它就会继承父元素的属性，继承是链式的，元素会向上查找，直到遇到指定样式的祖元素，并且继承它的属性：<style>
body{
font-family: cursive;
转载
2024-03-17 17:11:40
1504阅读
兄弟选择器<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>兄弟选择符 (E~F)</title>
<style>
p~p{color:#f00;}
</style>
<
转载
2024-05-19 20:39:35
439阅读
若实现效果如下，css伪类可以把握的死死的↓↓↓ 举个栗子：方法一：:not(selector) 选择器匹配非指定元素/选择器的每个元素。:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。方法二：使用nth-of-type()或者nth-child()。(n是从0开始的，那么n+2自然就是从第2个元素开始了，同理如果选中单数元素那么就是2n+1,如果是想选中双数元素，那
转载
2024-01-04 21:46:42
67阅读
# 实现“jQuery css根据子元素找到父元素”
## 简介
在开发中，有时候我们需要通过子元素来找到它的父元素，然后对父元素进行一些操作，比如修改父元素的样式。在jQuery中，我们可以通过一些方法来实现这个功能。本文将向你介绍如何使用jQuery来根据子元素找到父元素，并展示每个步骤需要做什么。
## 步骤
下面是实现“jQuery css根据子元素找到父元素”的步骤概述：
|
原创
2023-10-28 09:51:49
542阅读
# 如何使用jQuery修改父级元素的CSS样式
## 引言
在开发过程中，经常会遇到需要修改父级元素的CSS样式的情况。使用jQuery可以轻松实现这个功能。本文将介绍如何使用jQuery来修改父级元素的CSS样式，并提供详细的步骤和代码示例。
## 流程图
```mermaid
flowchart TD
subgraph 开始
开始 --> 检查元素
end
原创
2023-12-24 03:47:42
153阅读
width: 100%; height: 100%; display: block; width: 100%; height: 100%; display: block;
原创
2022-04-19 15:59:14
1549阅读
# 如何使用jQuery更改父级元素的CSS样式
## 整体流程
为了帮助新手更好地理解如何使用jQuery更改父级元素的CSS样式，我们需要将整个过程拆解成几个步骤，并结合代码进行详细说明。以下是整体流程表格：
| 步骤 | 描述 |
| --- | --- |
| 1 | 选定需要修改CSS的子元素 |
| 2 | 找到该子元素的父级元素 |
| 3 | 使用jQuery选择器选中父元素
原创
2024-06-20 04:43:45
68阅读
CSS引入方式-行内式通过 style这个标签属性,将css键值对直接写入标签内12css引入方式-内嵌式（嵌入式）使用style标签将css属性名和属性值引入到html页面中,通常style标签放置在head标签中。为什么css样式要放置在head标签中呢,因为代码从上到下执行,如果先加载结构,那么用户看到的就将是干巴巴的内容,而没有通过美化,而先加载样式后加载结构,就相当于孩子出生就是穿着衣服
转载
2021-05-04 21:47:49
431阅读
2评论
一、学习CSS前，需要了解以下几个重要的概念。（1）元素：在HTML文档中，元素是指表示文档格式的一个模块，它包括一个开始标签、一个结束标签和包含在这两个标签里的所有内容。我们把标签名作为元素的名称。（2）父元素/子元素：若元素A的开始标签和结束标签之间包含其他元素B，则元素A称为元素B的父元素，反之元素B称为元素A的子元素。（3）属性：在HTML文档中属性是指某个元素某方面的特性比如颜色、字体大
转载
2024-04-03 19:51:39
54阅读
