CSS学习笔记之class选择器

最新推荐文章于 2022-07-07 16:07:32 发布
最新推荐文章于 2022-07-07 16:07:32 发布
阅读量414 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29331365/article/details/52471532
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <!-- class类选择器：给要设置样式元素的class属性赋值，style标签中就可以
    通过class属性操作具体的某个元素了。class可以给同类的多个元素赋同一个值。-->
    
	<style type="text/css">
        .p1
        {
            background-color:Blue;
            font-size:large;        
        }
        .tt1
        {
            background-color:Green;
            font-size:xx-large;    
        }
    </style>
</head>
<body>
    <p class="p1">今天天气好晴朗，处处好风光</p>
    <p class="p1">今天天气好晴朗，处处好风光</p>
    <tt class="tt1">今天天气好晴朗，处处好风光</tt><br/>
    <tt class="tt1">今天天气好晴朗，处处好风光</tt><br/>
</body>
</html>


页面效果：


秋忆夏伤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS 学习笔记之CSS Selector
09-24
CSS选择器是CSS（层叠样式表）中用于定位网页元素并为其添加样式的重要工具。理解并熟练掌握CSS选择器是每个前端开发者的基础技能。下面将详细解释CSS选择器的各种类型及其用法。 1. 类型选择器： 类型选择器是最...
CSS中class的样式赋值方法详解
最新发布
jakelihua
08-23 1338
在CSS中，class是一种用于标识HTML元素并定义其样式的重要概念。通过为元素添加class属性，我们可以将相同的样式应用于多个元素，从而提高代码的可重用性和可维护性。本文将详细介绍CSS中class的各种样式赋值方法，并结合案例来帮助您更好地理解和应用class样式。以上是CSS中class的几种常见的样式赋值方法。通过灵活运用这些方法，我们可以更好地组织和管理样式规则，提高代码的可读性和可维护性。同时，了解样式的优先级规则也能帮助我们解决样式冲突的问题。
js笔记 为选中的class 对应的style中的属性赋值
dev_hui 的博客
08-01 1101
给选中的class 对应的style中的属性赋值 demo: jsp代码段： <div class="tbtShow" style="display: none;"> <label class="col-xs-3 control-label text-right">hs编码：</label> <div class="col-xs-9"...
建立任务语法,建立gram_建立更强大的DOM
cunya6061的博客
09-21 242
建立任务语法,建立gramIn Nate Koechley’s excellent talk on Frontend Engineering, he talks about the importance of building a “stronger DOM”. By marking up your site with meaningful elements and attributes, you...
用序列化与反序列化实现C#中对Class类型参数的传值调用
ics5130379071的博客
08-28 2976
众所周知，函数参数的调用是几乎所有语言中都会涉及到的问题。C#和大部分语言一样，有传值调用和传引用调用。其中对于一般的int，float，bool等基本类型以及struct类型参数，C#是默认传值调用。而对于Class类型以及加了关键字ref，out之类的参数，则使用传引用调用。而我在最近就遇到这样一种情况：使用了Class类型参数，但是并不想传引用调用，我就是想“强行”传值调用（倔强boy脸）。在
vue中如何将变量带给class的属性名
HH
09-05 9219
遇到一个需求，设想是这样，我们需要根据不同的status给li设置样式，那么必须给li添加动态的class，添加方法如下： &lt;li :class="setClass(item.status)" v-for="(item, index) in dataLists1" :key="index" &gt;&lt;/li&gt; // 将class赋值给方法，动态生成对象 setC...
css入门学习笔记1 基础选择器
05-25
本篇将详细讲解四种基础选择器：标签选择器、类选择器、ID选择器和通配符选择器。 1. 标签选择器： 标签选择器允许你为页面中的特定HTML标签指定统一的样式。例如，`Div {Color: green; Font-size: 10px;}` 将给...
CSS 学习笔记
01-19
id的优点（class的缺点）：id写在css用#选择器，class写在css中用.选择器。#选择器的优先级高于.选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id容器内的标签将是很容易和有效的。而class标签，或者...
CSS3选择器学习笔记代码
11-05
在CSS（层叠样式表）3版本中，选择器的引入极大地...在“CSS3选择器学习笔记代码”中，你将找到这些知识点的实例和示例代码，帮助你更好地理解和运用CSS3选择器。通过实践和调试这些代码，你的CSS技能将得到显著提升。
【温故知新】CSS学习笔记（后代和子代选择器）
12-21
【CSS学习笔记】深入理解后代和子代选择器 在CSS样式设计中，选择器是定位HTML或XML文档中特定元素的关键工具。除了基础的选择器，如类型选择器、类选择器、ID选择器和属性选择器，CSS还提供了后代选择器和子代选择...
C++中对类中对象的赋值
m0_52513940的博客
07-22 868
头文件： #pragma once #include<iostream> #include<string> using namespace std; class book { public: void initData(string Xname, int Xprice, int Xnum); void print(); string& getName()//第二种赋值方法 { return m_name; } int& getNum() {
Vue 动态赋值 class
asing1elife's blog
09-14 5770
Vue 动态赋值 class Vue 在操作 DOM 元素的 class 属性时，有以下多种方法 更多精彩 更多技术博客，请移步 asing1elife’s blog 比较通用的是否赋值方式 通过以下 :class="{show: show}" 的方式可以决定该元素是否拥有名称为 show 的 class data() 中的 show 属性为 true ，则赋予 sh...
class动态赋值,并且在class上使用方法
anny_mei的博客
07-07 819
动态class
jquery 根据class名 赋值_jQuery设置和获取以及修改class name值操作
weixin_39968801的博客
12-22 1018
在Web程序开发中、很多时候会用需要修改Html标签的class名称、来达到修改标签样式的效果、那么在代码中一般是怎么操作的呢、本文将为你详细讲解一下class的使用、在jQuery中可以使用attr()方法修改”class”属性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法来完成1、javascript addCla...
Collection、泛型的概括
kentlhxy的博客
10-28 160
Collection、泛型 Collection集合 概述 集合：集合可以理解为是一种容器，用来存储多个数据 集合与数组之间的区别是什么？ 数组的长度是固定的，元素可以重复，存储基本数据类型 集合存储的是对象，长度不固定，对象的类型可以不同 集合框架 按存储结构可分为两大类：单列集合java.util.Collection,双列集合java.util.Map Collection：单列集合类的根接口，其中有两个重要子接口：java.util.List和java.util.Set。 List的特点是元
CSS3 的各种用法及参数含义
努力
12-03 387
菜鸟教程CSS3 <div class="box"></div> // 下方样式全部基于 .box 实现 1、边框(补习)border： .box { // 样式 width: 100px; height: 100px; // 1px: 边框宽度； // solid: 边框线条的形状 可选值(solid实线、dotted圆虚线、dashed长虚线) // #343434: 颜色(支持十六进制、英文等等) b...
vue动态绑定class属性
qq_45021462的博客
01-21 1170
<div :class="{color:scope.row.state == null || scope.row.state.toLowerCase() === 'error'}">{{scope.row.state}}</div> .color { color: #ea5151e8; }
理解JVM---类加载
liyuuhuvnjjv的博客
09-17 168
一、类加载的时机 如果类没有进行过初始化，则需要先触发其初始化，虚拟机规范则是严格规定了有且只有五种情况必须立即对类进行“初始化”（而加载、验证、准备自然需要在此之前开始） 1.创建类的实例（new 的方式），访问某个类或接口的静态变量，或者对该静态变量赋值，调用类的静态方法（类.xxx调用） 2.反射的方式 3.初始化某个类的子类，则其父类也会被初始化 4.Java虚拟机启动时被标明为启动类的类，直接使用java.exe命令来运行某个主类（包含main方法的那个类） 5.当使用JDK1.7的动态语言支持时
我的CSS学习笔记1
08-04
8. **id和class选择器**: CSS中，`id`和`class`是两种选择器，分别用于单一元素和一组元素的样式设置。`id`选择器以`#`标识，`class`选择器以`.`标识。使用这些选择器可以实现精确或范围广泛的样式应用，避免样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值