TableofContents 1.CascadingstylesheetCSSoutreach 1.1LinkXMLdocuments ?edit 2.Selector 2.1Relationshipselector 2.1.1Nearbysiblingselector 2.2Attributeselector 2.3Pseudo-classselector 2.4Descendantselectors 2.5Commonlyusedselectors 2.5.1TagSelector 2.5.2ClassSelector 2.5.3IDselector 3.CommonCSSproperties 3.1Textattributes 3.2Colorattributes(foregroundcolor) 3.3Backgroundproperties 3.4Borderproperties 4.Commonlayoutattributes 4.1Floating 4.2Positioning 4.1.1Positioningmode 4.2.2.Edgeoffset 5.Commonlayoutattributes 5.1overflowattribute 5.2z-indexattribute 1.CascadingstylesheetCSSoutreach 1.1LinkXMLdocument ThereareseveralwaystolinkCSSexternalXMLdocuments:inline,embedded,andexternallink.Themostcommonlyusedistheexternallinktype(i.e.,link-intype),whichputsallstylesinoneormorefileswitha.cssextension.Intheexternalstylesheet,linkthexmlwithspecialstatements,forexample: <?xmlversion=”1.0″encoding=”GB2312″?> <?xml-stylesheettype=”text/css”href=”product.css”?> <product> <description>thisisatoyforchildaged4andabove</description> <price>66.6</price> </product> description{ font-size:30px; font-style:italic; } 2.Selector 2.1RelationshipSelector Relationshipselectorsmainlyincludechildelementselectorsandsiblingselectors. Thechildelementselectorismainlyusedtoselectthefirst-levelchildelementsofanelement,connectedbythe”>”symbol,forexample:A>B. Therearetwotypesofsiblingselectors:adjacentsiblingselectorsandordinarysiblingselectors. 2.1.1Nearbysiblingselector Thesiblingselector(+)isusedtoselectthefirstsiblingelementafterthespecifiedelement.Itmustbeimmediatelyfollowingthesiblingelementofthespecifiedelement,andonlyoneelementcanbeselected. A+B{ color:red; } 2.1.2Commonsiblingselector Theordinarysiblingselector(~)isusedtoselectalladjacentsiblingelementsbehindanelement(itdoesnotneedtobeimmediatelyadjacent).Itssyntaxformatis”element1~element2″,whereelement1isthefirstelement,element2isthesecondelement,andallsubsequentelement2elementsaresiblingelementsadjacenttothefirstelementelement1. A~B{ color:red; } […]
Tag: cascading
Vue3 problem: How to implement lazy loading of data in cascading menus?
A series of articles on front-end function issues, click above to collect↑ Preface Hello everyone, I am Da Che! This article is about 3100 + words, and it takes about 5 minutes to read the whole article. The main content of this article is divided into three parts. The first part is demand analysis, the […]
css (cascading style sheets)
Article directory 1. Introduction to CSS 2. How to use CSS 1. Inline style/inline style (used in a single page) Set the background color background-color:green; 2. Inline styles (used in a small number of pages) 3. External link style sheet (used in the project) 3. Style sheet characteristics 1. Stackability 2. Inheritance 3. Priority of […]
Implementing tree cascading menu selection search in vue3-ts
1. Implement the element-plus link Cascader cascading selector | Element Plus 2. Here is the core code. The data type used by this component is as shown below, but what the background returns to me is name and id, so I have to process the data, and then bind the data source directly. . It […]
Linux — Cascading interrupt controller registration and interrupt handling
The purpose of this article is to introduce the registration process of the interrupt controller and the processing of interrupts, and to understand the cascade interrupt controller from the perspective of the software system. Background: Arm64 processor, Linux-4.14 kernel Table of Contents 1. Macro definition of interrupt controller in kernel 1.1 IRQCHIP_DECLARE macro 1.2 IRQCHIP_OF_MATCH_TABLE […]
Two: Shape and reshaping of Numpy arrays&& Three: Indexing and slicing of Numpy arrays (one-dimensional, two-dimensional, three-dimensional)&& Four: Stacking and cascading of Numpy arrays&& Five: Numpy array broadcast&& Six: Calculation with Numpy arrays
Two: Shape and reshaping of Numpy arrays Below are some inline code snippets. // A code block var foo = ‘bar’; // An highlighted block 2.1 View the dimensions of a NumPy array array.ndim input:a = np.array([[5,10,15],[20,25,20]]) print(‘Array :’,’\\ ‘,a) print(‘Dimensions :’,a.ndim) output:Array : [[ 5 10 15] [20 25 20]] Dimensions: 2 2.2 Check […]
Java exports Excel template to implement cascading drop-down box
Java exports Excel template to implement cascading drop-down 1. Dependency import 2. Code implementation 3. Cascade parameter description 4. Effect display 1. Dependency import The project uses the jdk8 version and the import and export tool classes of apache. <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>5.2.2</version> </dependency> 2. Code implementation Without further ado, let’s get straight to the […]
Springboot integrates Mybatis to implement cascading one-to-many CRUD operations
In relational databases, connections between tables can be seen everywhere, and adding, deleting, modifying, and querying cascaded tables is also a basic skill necessary for programmers. I have written about Spring Boot integrating Mybatis in detail before. Those who are not familiar with it can review Spring Boot integrating Mybatis and completing CRUD operations, which […]
EasyExcel implements dynamic generation of excel tables containing drop-down boxes and cascading drop-down boxes
Some time ago, due to project needs, it was necessary to iterate the excel template download function from attachment download to background dynamic generation; however, this form contains drop-down boxes, and it took two days to complete the excel form. Now record it for subsequent review. . First, the effect to be achieved is this: […]
How to implement Cascader cascading selector in vue (only the first level is displayed when all the second level is selected, and only the second level is displayed when all the third level is selected)
<template> <div class=”test”> <template> <div class=”addCitiesList relative”> <div class=”select”> <span>select</span> <el-form :model=”ruleForm” :rules=”rules” ref=”ruleForm” label-width=”100px” class=”demo-ruleForm” > <el-form-item label=”select multiple selection” prop=”selectLabel”> <el-select style=”width: 100%” v-model=”ruleForm.selectLabel” multiple @focus=”selectFocus” ref=”selectIt” > </el-select> </el-form-item> <el-form-item> <el-button type=”primary” @click=”submitForm(‘ruleForm’)” >Submit</el-button > <el-button @click=”resetForm(‘ruleForm’)”>Reset</el-button> </el-form-item> </el-form> </div> <div class=”select”> <span>Cascade</span> <el-cascader style=”width: 100%” class=”cascader” :show-all-levels=”false” ref=”test” :options=”options” :props=”props” clearable […]