HTML中四种选择器

news/2024/7/3 12:51:59 标签: 四种常见选择器, web前端开发

1.类选择器class:“.class”

2. id 选择器:“#id”

3.派生选择器:“p strong”

4.属性选择器:“[title] / [title=te]”


代码如下:

<!DOCTYPE HTML>
<head>
<meta equiv="Content-Type" content="text/html" charset="utf-8">
<title>选择器的选择</title>
<link href="paisheng.css" type="text/css" rel="stylesheet">
</head>
<body>
<p><strong>派生选择器</strong></p>
<li><strong>Hello 派生选择器!</strong></li>
<hr/>
<p id="pid">id选择器</p>
<li><strong>id-#</strong></li>
<div id="ID">Hello ID选择器!</div>
<hr/>
<p class="pclass">class类选择器</p>
<div class="second">Hello class类选择器!</div>
<hr/>
<p title="t">属性选择器</p>
<h1 titles="te">Hello 属性选择器!</h1>
</body>


http://www.niftyadmin.cn/n/1659607.html

相关文章

MyEclipse2018破解之后出现Java was started but returned exit code = -1

前言 MyEclipse作为Java的一个IDE&#xff0c;以后我们的使用也会越来越广泛的&#xff0c;但是在破解完之后&#xff0c;会有一个小问题&#xff0c;现在来解决一下吧。 问题 安装完MyEclipse2018之后&#xff0c;进行破解&#xff0c;破解成功之后启动&#xff0c;之后会弹出…

程序员怎样才能写出一篇好的博客或者技术文章

文章来源于 justjavac在知乎上的邀请&#xff0c;要写在知乎上的回答。因为有原创&#xff0c;所以先首发&#xff0c;免得被伪原创。每天有大把的时间刷GitHub&#xff0c;写博客。从我大二的时候&#xff0c;大概六年前开始写技术博客&#xff0c;到现在已经有540了&#xff…

CSS设置网页在Safari快速滚动和温柔的回弹

要实现这个效果很简单&#xff0c;只需要加一行css代码即可&#xff1a; -webkit-overflow-scrolling : touch; 可用以下网页测试&#xff1a; <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><meta charset&qu…

最近的javascrip学习心得及小心情

1.学习javascript得小心得&#xff1a; 首先javascript与java有很大的相通性。 如果时间可以重来&#xff0c;我一定在大一未接触java的前提下&#xff0c;学习最基本的java知识&#xff0c;培养自己的专业兴趣&#xff0c; 也许现在学javascript也不会这么吃力了。不过&…

2016-04-06 小心情

写个博客&#xff0c;记录并平复下此时乱糟糟的心情..... 刚刚进入了四月&#xff0c;乱七八糟的事情就这样不知在不觉的接踵而来&#xff0c;有种还没反应过来&#xff0c;心中思绪乱飞&#xff0c;乱了 阵脚&#xff0c;甚至不晓得自己在干些什么。发泄&#xff1f;找不到人…

对div+css复习巩固 —心得(简单的用户登录界面)

1.起初用最简单的divcss 对于界面的排版以及调色显得有点呆板&#xff0c;很low&#xff0c;太传统与常规化&#xff0c;简单的对齐与字体居中&#xff0c;界面太缺乏 创意与艺术色彩。 2.寒假学习了bootstrap基本的视频 来学校最近一两个月把html5最基本的看完了。明白了b…

登陆界面一个简约的模板及问题注意事项

1.在写一个简约的界面时&#xff0c;body主题概况背景颜色设置为两种&#xff0c; 即&#xff1a;“白色—#fff 或 灰色—#ccc”&#xff1b; background-color:#fff; || background-color:#ccc; 2.<section> 标记 定义一个区域 <article> 标记定义一个文…

cmd命令实现对MySQL的操作

前言 MySQL是一个很常用的数据库&#xff0c;今天我们一起来了解一下通过cmd命令如何实现对数据库的增删改查的操作。 SQL的分类 缩写全称解释DDL数据定义语言与数据库/表结构: create, drop, alteDML数据操纵语言操作表数据 insert update deleteDCL数据控制语言设置用户的访…