css之通配选择符

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
        *{
            font-size: 30px;
            font-family: "微软雅黑";
            color: black;
            text-align: center;
            background-color: #FFA500;
            margin: 20px auto;
        }
        h1{
            color: red;
        }
    </style>
</head>
<body>
    <h1>我是h1</h1>
    <hr />
    <p>我是p标签</p>
    <hr />
    <span id="1">
        我是你大爷!
    </span>
    <hr />
    <table border="1" cellspacing="0" cellpadding="0">
        <tr><th>Header</th></tr>
        <tr><td>Data</td></tr>
    </table>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
    <h1>我是h1标签</h1>
</body>
</html>100个h1标签生成：h1{我是h1标签}*100

时间： 2024-08-27 15:47:22

css之通配选择符的相关文章

Jquery 通配选择符

今天逛Q群遇到一个网友请教问题: 问题如下,他需要在查找ID为sch开头的元素中分别查找出各自包含sub001的数量, 如:ID:sch002.sch033 DIv元素等等后面的数字是随机的,里面都会包含sub001元素,数量不一:一开始网友是想打算使用for循环来解决,无疑会中招:因为第一循环量大(因为你无法预计sch后的数字有多小位需要设定一个)造成运行损耗内存大,运行速度慢,而且查找到没有元素操作时会报错. 所以我介绍他使用^= Jquery的统配选择符,确实好使好用立马解决他的问题:解决

css属性和部分选择符

1.1像素细边框的表格效果: <style type="text/css"> #test{ border-collapse: collapse;border:1px solid #ddd; } /*#test th,#test td{ border: 10px solid #ddd; }*/ </style> 2.css奇数偶数样式效果: <style type="text/css"> /*奇数*/ .ul2 li:nth-c

CSS基础篇之选择符2

属性选择符: 选择符版本描述 E[att] CSS2 选择具有att属性的E元素. E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素. E[att~="val"] CSS2 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素. E[att^="val"] CSS3 选择具有att属性且属性值为以val开头的字符串的E元素. E[att$="val"] CSS3 选

CSS基础篇之选择符3

border(边框) 如何用CSS调出边框我们给p标签加一个边框试一下 p{ border:1px solid #ccc:/*这是缩写*/ } 第一个值是为边框的宽度第二个值是为边框线样式为直线第三个值是为边框的颜色 border-width(边框的宽度) 如果不调宽度的话默认边框是从左边到最右边.设置之后可以调节宽度. border-top-width::上 border-bottom-width::下 border-left-width::左 border-right-width::右

CSS之选择符、链接、盒子模型、显示隐藏元素

<html> <head> <meta charset="utf-8"> <title>选择符.链接.盒子模型.显示隐藏元素</title> <style> a:link{ color:red; } a:visited{ color:black; } a:hover{ color:blue; } a:active{ color:green; } </style> </head> <bo

CSS那些事儿-阅读随笔1（CSS简介与选择符）

最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style Sheet(层叠样式表),是一种不需要编译的标记性语言,用于增强控制网页样式并允许将样式信息与网页内容分离.可以使用如何一种文本编辑器对其进行编辑. 2.CSS的作用 a.修饰页面文本.图片等元素,避免使用不必要的HTML元素. b.更有效地控制页面结构.页面布局(DIV+CSS). c.提高开发和维护效率

一天一点css 2 选择符语法

css用于控制元素样式,css语法为选择符{属性:值}方式进行设置 1 类型选择符就是将标签作为选择符,如body div h1 span等 2 群组选择符如 h1,h2h3{padding:5px;}中间使用,分隔符,由多个选择符组成,表示这一组选择符均采用一致样式 3 包含选择符包含主要用于父级内部字集节点的设置,就像xpath路径一样,语法为选择符之间使用空格作为分隔符如 h1 span{font-weight:bold} 意思是h1内部所有span节点使用字体加粗样式 4 i

转发-css 选择符

此文章仅为转发,非原创,原文 css 选择符请支持原创 css参考手册:css.doyoe.com 在css3中,不同的浏览器可能需要不同的前缀,它表示该css属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的 -webkit 代表chrome.safari私有属性 -moz 代表firefox浏览器私有属性 -ms 代表IE浏览器私有属性 -o 代表opera浏览器私有属性 css语法结构 css语法由

CSS选择符总结(Selectors)

一.通配选择符(Universal Selector): 语法:* 说明:1.*表示通配符,表示所有的 2.格式:*{样式列表} 3.用于整个页面或网站字体.边距.背景等例子: 1 <!DOCTYPE html > 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type&