CSS选择器（常用选择器）

常用选择器

　　直接选择标签名：

　　id选择器

　　为图中“哈哈哈哈”单独改变样式

　　class属性

　　为下图中四行“嘻”字设置样式，我们可以为元素设置class属性，class属性和id属性类似，只不过class属性可以重复

　　拥有相同class属性值的元素我们可以说它们是一组元素

　　可以同时为一个元素设置多个class属性值，多个值之间使用空格隔开

　　id为one元素，class为two元素，和h1，同时设置一个背景色为红色

　　此方法较为麻烦，可使用选择器分组{并集选择器}

　　通过选择器分组可以同时选中多个选择器对应的元素

　　语法：选择器1，选择器2，选择器N{ }

　　通配选择器

　　它可以用来选择页面中的所有元素

　　语法：*{ }

　　为拥有class two1 span元素设置字体大小为50px

　　span标签变了p标签页变了，而此时只需要span标签改变

　　复合选择器（交集选择器）

　　作业：可以选中同时满足多个选择器的元素

　　语法：选择器1选择器2选择器N{ }

　　注：对于id选择器来说不建议使用复合选择器，因为id选择器能为一确定元素，用复合选择器反而多此一举

原文地址：https://www.cnblogs.com/XiaMengJie/p/12397609.html

时间： 2024-11-05 19:02:45

CSS选择器（常用选择器）的相关文章

01-css的引入方式和常用选择器

一.css介绍现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css2.1 接下来我们要讲一下为什么要使用CSS. HT

【css】css常用选择器

css常用选择器 * 通配选择器选择文档中所以HTML元素 E 元素选择器选择指定类型的HTML元素 #id ID选择器选择指定ID属性值为"id"的任意类型元素 .class 类选择器选择指定class属性值为"class"的任意类型的任意多个元素 selector1,selectorN 群组选择器将每一个选择器匹配的元素集合并 E F 后代选择器(包含选择器) 选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内 E>F 子选择器选

css常用选择器

CSS常用选择器:标签选择器,类选择器,ID选择器,派生选择器,子选择器,组合选择器 1:标签选择器:如果是一个声明,则不需要带分号,如果是多个声明,则最后一个声明不需要带分号 h1{ color: red } h1{ color: red; font-size: 14px } 2.类选择器:在CSS里用一个点开头表示类别选择器定义,所有类的选择器的名字以一点开始,在句点后面必须以字母开始,类名中允许使用字目,数字,连字号"-"和下划线"_",类名分

表单、框架结构的大概、CSS开头（选择器以及常用属性）

<link rel="shortcut icon" href="favicon.ico(路径)" type="image/x-icon"> 表单fieldset legend定义表单元素的标题 from(供用户输入的表单) <from action="后台名" method="post/get" enctype="multipa

文章标题CSS常用选择器及与HTML结合方式

标签分类: 块级标签:block ` div p ul li table 行内标签:in line span CSS与HTML结合方式: A:在标签中的style属性里书写css代码例:<div style="color:red;" >大家好</div> B:把css代码写到head中的style标签里,可提高css代码的重用性. 例: <style type="text/css" > div{ color:red; } <

CSS选择器-常用搜集

标签选择器: div{ font-size=10px; color=red; background-color=yello; width=200px; height=200px; } <div>前端威武</div> --------------------------------------- 类选择器: .box{ } <p class="box">啊啊啊啊</p> -----------------------------------

CSS选择器详解（一）常用选择器

目录类型选择器类选择器 ID选择器伪类伪元素类型选择器通过类型选择器可以选择某一类型的html标签,并对其使用样式. 语法: selector {property1: value; property2:value; ...} 示例: <html> <head> <style type="text/css"> h1 { color:Red; font-size:30px;} </style> </head> <

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

CSS的六大选择器

选择器:选择器是一种模式,用于选择需要添加样式的元素. 首先简述六大选择器基本选择器标签选择器类选择器 ID选择器高级选择器层次选择器结构伪类选择器属性选择器其中基本选择器与层次选择器较为常用. 一.基本选择器 1.标签选择器使用HTML标签来设置标签内的图文样式. 2.类选择器使用class属性定义标签类值,指定某一类属性值来定义其样式. <h1 class="classname"></h1> .classname{font-size: