起名与选择器~(总结类、持续更新系列)

废话没有,直接干活

  一、起名方式:1.元素自身的标签名;

          2.利用 class 属性自定义名称;

          3.利用 id 属性自定义名称。共三种,其中class使用居多。

     起名规范:不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母。

 

——————————————————————————————————————————————

  二、选择器:注:选择器使用于head部分的<style>标签中或外部引入的css文件中。

     1.标签选择器,不必多说,直接输入元素名;

     2.class选择器,在其自定义名称前加上点 . 即可;

     3.id选择器,在其自定义名称前加上# 即可;  在此标注:标签的权重为1,class的权重为10,id的权重为100;行间样式权重1000;在属性值后加 !important  权重无限大。

     4.子代选择器,用 > 将父级和子级连接起来使用,标签嵌套只有一层关系。

     5.后代选择器,用一个 空格 将两者连接起来,前者包含后者,标签嵌套有多层关系(包含一层)。

     6.交集选择器,将class名与id名写在一起,将其全部选中。

     7.通配符选择器,直接输入 * 即可,意为所有的元素。(不建议使用,过于省事,会加大浏览器的负担)

     8.并集选择器,用逗号将需要选中的两个或两个以上的名称隔开即可。

     9.伪类选择器,只要选择器后带冒号 :    都可以说它是伪类选择器。例如:a:link{}、a:visited{}a:hover{}a:active{}、p:before{}、p:after{} 等。

     10.结构选择器,格式(例子):ul:nth-of-type(1)  表示选中的是ul下面的第一个li,后也可跟其它选择器。


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366315.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java log.error_Logger.error打印错误异常的详细堆栈信息

一、问题场景使用Logger.error方法时只能打印出异常类型&#xff0c;无法打印出详细的堆栈信息&#xff0c;使得定位问题变得困难和不方便。二、先放出结论Logger类下有多个不同的error方法&#xff0c;根据传入参数的个数及类型的不同&#xff0c;自动选择不同的重载方法。当e…

笔记本电脑怎么清理灰尘_手机声音越用越小怎么办?一段黑科技音波就能清理扬声器灰尘...

大家好&#xff0c;欢迎收看科技狐&#xff0c;我是小狐。我们都知道&#xff0c;随着手机的使用时间越来越长&#xff0c;手机扬声器里面会积赞一些灰尘。因此手机的声音就会变得越来越小。有时候连电话铃声都听不清楚&#xff0c;说实话我就是这个样子&#xff0c;为此我困扰…

Java方法中的参数太多,第8部分:工具

在我的系列文章的前七篇文章中&#xff0c;有关处理Java方法中期望的参数过多的内容集中在减少方法或构造函数期望的参数数量的替代方法上。 在本系列的第八篇文章中&#xff0c;我将介绍一些工具&#xff0c;这些工具可帮助您确定可能存在过多参数的情况&#xff0c;并在出现这…

Java _类 相关知识

成员变量java对象的属性就是成员变量,其实成员变量就是指普通的变量,可以设置初始值,也可以不设置.当不设置时,会被设置为默认值.(当成员变量前面有private关键词时,说明定义了一个私有成员) java中使用class关键词定义一个类, 成员方法java语言中使用成员方法来对应于类对象的…

linux操作系统好吗_国内可以通过安卓+termux打造出适用手机平板和电脑全平台最好的操作系统...

我觉得国内可以基于安卓上的termux要搞一个termux软件商店&#xff0c;用户可以从termux软件商店里安装c,c,java,python,vim,jupyter notebook,php&#xff0c;R等软件&#xff0c;并在安卓手机和安卓平板桌面上生成这些软件的图标&#xff0c;用户可以直接点击这些python,vim,…

java it_关于 Java Iterator(迭代器)学习笔记

相信 “迭代” 对于Java程序员来说并不陌生(当然&#xff0c;其他语言的程序员也是如此)&#xff0c;在处理数据时&#xff0c;不可避免地会存在对数据的大量遍历操作。对于我自己而言&#xff0c;学习使用Java语言两年时间&#xff0c;对于“迭代”的概念还停留在 for:each,fo…

scss-!optional

optional翻译成汉语具有"可选的"的意思。顾名思义&#xff0c;!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段&#xff1a; p{color:red;extend .notice } 由于并不存在一个名为notice的样式类&#xff0c;所以上述代码会报错。代码修改如下&…

Http(s)与后台交互方式

前言 Http(s)是前后端交互的主要方式之一&#xff0c;交互技术主要有:Ajax(XMLHttpRequest)、Fetch、地址跳转(window.open、location.href)。Http(s)与后台交互传递数据的部分有:请求网址、请求头、请求主体、响应头、响应主体 请求网址 请求网址是通过pathname或search进行传…

Python的字符串格式化

Python的字符串格式化有两种方式: 百分号方式、format方式 百分号的方式相对来说比较老&#xff0c;而format方式则是比较先进的方式&#xff0c;企图替换古老的方式&#xff0c;目前两者并存。 This PEP proposes a new system for built-in string formatting operations, in…

使用Spring Form标签探索Spring Controller

在上一篇文章中 &#xff0c;我向您展示了如何使用Spring控制器处理纯HTML表单。 但是处理表单的更强大的方法是使用Spring的ModelAttribute及其spring:form标签。 我将向您展示如何通过修改上一篇文章的项目设置从这里开始。 我们将简单地修改Comment表单和控制器以使用此功能…

predict函数 R_学习|R语言做机器学习的常用函数总结

预测函数&#xff1a;predict() type"prob"判别该量度的昆虫归类为A、B和C的概率&#xff1b;type"response"&#xff1a;判别该量度的昆虫的类别&#xff1b;预测分类的概率的函数predict(…, type)参数type&#xff1a;R语音里面不同模型&#xff0c;参数…

微信小程序:动画(Animation)

简单总结一下微信动画的实现及执行步骤。 一、实现方式 官方文档是这样说的&#xff1a;①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。 因为小程序是数据驱动的&#xff0c;给这句话…

java map clone_Java中HashMap的clone()方法: java.util.HashMap.clone() - Break易站

Java中的HashMapjava.util.HashMap.clone()方法用于返回所提到的哈希映射HashMap的浅表副本。它只是创建了map的副本。HashMap.clone句法&#xff1a;Hash_Map.clone()参数&#xff1a;该方法不接受任何参数。返回值&#xff1a;该方法只返回HashMap的副本。下面的程序用于说明…

计算模块分析

模块需要实现的功能&#xff1a;1、实现原始深度计算&#xff1a;五个输入、一个输出值和一个输出使能信号&#xff1b; 2、计算幅度值&#xff08;这个功能是一个使能控制的&#xff09;这个的话就是一个行结束信号和一个行输出使能信号&#xff1b; 3、需要告诉相连的模块什么…

为什么我们不应该使用过多的线程

总览 有一个普遍的论点&#xff0c;因为我们有很多核心&#xff0c;并且将来还会有更多核心&#xff0c;所以我们必须使用它们。 我们只是需要找到使用它们的最佳方法&#xff0c;而仅仅是因为我们不能意味着我们应该这样做。 我们的目标是什么&#xff1f; 使用多个线程的充分…

SSM+solr 通过商品搜索学习solr的简单使用

学习了一下https://github.com/TyCoding/ssm-redis-solr这个github上的solr搜索功能&#xff0c;现在来记录一下。 我的理解就是solr有点类似于数据库&#xff0c;但它是有索引的数据库&#xff0c;按很多字段建立索引&#xff0c;可能是b树或者散列索引&#xff0c;然后就能够…

可以使用中文作为变量名_次氯酸可以作为伤口消毒使用吗?

次氯酸可以作为伤口消毒使用吗&#xff1f;次氯酸在经过2020年的洗礼&#xff0c;已然成为常态化&#xff0c;它对于人体是否有害&#xff0c;也是人们关注的焦点。对于那些还不太了解次氯酸的群体做一下简短科普。什么是次氯酸&#xff1f;次氯酸&#xff08;HCIO&#xff09;…

tomcat启动java项目_Java web项目启动Tomcat报错解决方案

点击运行项目时显示 A Java Exception has occurred.Starting Tomcat v9.0 Server at localhost has oncountered a problem.Server Tomcat v9.0 Server at localhost failed tostart.并显示以下两个弹框同时控制台报错org.apache.catalina.startup.Bootstraporg.apache.catali…

Spark2.3(三十五)Spark Structured Streaming源代码剖析(从CSDN和Github中看到别人分析的源代码的文章值得收藏)...

从CSDN中读取到关于spark structured streaming源代码分析不错的几篇文章 spark源码分析--事件总线LiveListenerBus spark事件总线的核心是LiveListenerBus&#xff0c;其内部维护了多个AsyncEventQueue队列用于存储和分发SparkListenerEvent事件。 spark事件总线整体思想是生产…

matlab 从 excel读取 日期_MATLAB批量修改文件名和选择性复制/剪切文件

今天解决的问题&#xff1a;1、如何利用MATLAB批量修改文件名&#xff1f;(前面写过一次bat命令法&#xff0c;这个应该也算一次改进&#xff0c;程序的初衷是想将Smartsolo导出的文件名批量修改为以炮点桩号为文件名)2、如何利用MATLAB选择性批量复制/剪切文件&#xff1f;(程…