css样式中......分别代表什么意思?

html-css039

css样式中......分别代表什么意思?,第1张

x{width100%} 所有的x标签的宽度为100%

.x{width100%} 所有class属性值为x的标签的宽度为100%

#x{width100%} 所有id属性值为x的标签的宽度为100%

##x{width100%} 错误的写法,不排除某一些浏览器也支持这种写法。

CSS主要的作用就是给网页中的dom元素设置样式,选择器则是用来匹配dom元素的。

CSS中的选择器有三种,分别是标签选择器(根据元素标签名称),类选择器(根据元素class属性),id选择器(根据元素id属性),并且三种选择器可以相互结合使用

例如:

body{background-color:red}

//这里的body就是标签选择器了,{}中是设置匹配元素的背景颜色,即设置body背景色为红色

#main{width:600px}

//这里的#main就是id选择器了,匹配网页中id为main的元素

.logo{width:300px}

//这里的.logo就是类型选择器了,匹配网页中class为logo的元素

div.logo{width:300px}

//这里的div.logo结合了标签选择器和类选择器,匹配网页中class为logo的div元素