Id选择器和Class选择器

如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。

id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

注意：id 属性只能在每个 HTML 文档中出现一次。

class选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

时间： 2024-11-05 14:42:56

Id选择器和Class选择器的相关文章

CSS中的id选择器和class选择器简单介绍

<!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用"#"来定义的比如: #para1 { text-align:center; color:red; } 这样就定义了一个选择器,什么是选择器,在网上查的是说需要改变的HTML元素,很正确,在一开始我们的内部样

ID选择器和类选择器的合理使用

一.什么是ID选择器和类选择器作为CSS选择器的最主要的两大选择器:ID选择器主要指的是通过DOM(Document Object Model)节点的ID选取节点,例如代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>ID选择器</title> 6 <style type="text/css"

css笔记08：id选择器之父子选择器

1.父子选择器 (1)01.html <!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> <meta http-e

CSS - 选择器(标签选择器、类选择器、ID选择器)

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

Web全栈-id选择器和类选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>id选择器</title> <style> #identity1{ color: red; } #identity2{ color: green; } #identity3{ color: blue; } #identity4{ color: y

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分--伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

兄弟选择器和相邻选择器按正序控制兄弟元素和相邻元素的样式

在做兄弟元素和相邻元素的移入移出控制显示与否的功能的时候,发现了一个问题,具体代码如下: <html><head> <style type="text/css"> div{ width:100px; height:100px; border:1px solid blue; display:inline-block; } #left:hover,#right:hover{ b

CSS3 选择器之基本选择器属性选择器伪类选择器

CSS 选择器常见的选择器列表图基本选择器通配符选择器(*) 元素选择器(E) 类选择器(.className) 所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持. id选择器(#ID) 后代选择器(E F) 子元素选择器(E>F) IE6不支持子元素选择器.

03 通配符选择器选择器深入讨论(父子选择器、多选择器并存问题、优先级)

通配符选择器如果希望所有的元素都符合某一种样式,可以使用通配符选择器. * {margin: 0;padding: 0} *(表示所有的元素) 可以让所有html元素的外边框和内边距都默认为0,有时特别有用. 不同的浏览器对不同的左边距和上边距的指定大小是不一样的一般网页设计师把被内边距和上边距清零,这样就可以避免不同浏览器因边距不同导致打开网页后布局混乱. 这样我们就可以通配符 Margin外边距:定义元素周围的空间. Padding内边距:元素边框与元素内容之间的空白. css11-1.

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器

四.属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值以"te"开始的div元素. 属性title值以"est"结束的div元素. 属性title值含有"