博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS中的选择器之类选择器和id选择器
阅读量:6439 次
发布时间:2019-06-23

本文共 535 字,大约阅读时间需要 1 分钟。

1.css中的选择器:

1.类选择器,又叫class选择器

2.id选择器
3.html元素选择器(又叫标签选择器)
4.通配符选择器
5.伪类选择器
6.组合选择器(多元素选择器,子元素选择器,后代选择器)
简单来说,选择器就是在css中创建,而在网页页面(html,jsp,php,asp.net)中使用
选择器的名称命名规范:
一般使用中划线形式:xxx-yyy,一般是小写字母

2.类选择器

基本语法:

.类选择器名称{CSS属性:属性值;CSS属性:属性值;}

一般来说,类选择器是提供给多个html元素来使用的.

实例代码:

    
新闻一新闻二新闻三新闻四新闻五

刷新浏览器后显示效果如下:

img_a2026817fc971017aea0a4cfdcc97155.png

3.id选择器

基本语法:

#id选择器名称{CSS属性:属性值;CSS属性:属性值;}

在类选择器代码的基础上增加一行字体,并设置其自己的样式.

实例代码如下:

    
新闻一新闻二新闻三新闻四新闻五

这是一个比较重要的新闻

刷新浏览器后显示的效果:

img_02c82a6770178cb34686d03e330d0995.png

关于id选择器的一些说明 :

1.一般来说,id选择器是提供给某一个html元素来使用
2.当不确定时,有多个html元素来使用该样式时,请使用类选择器.

转载地址:http://jlkwo.baihongyu.com/

你可能感兴趣的文章
CentOS下如何修改主机名
查看>>
“机器人商店”是什么?卖机器人的吗?
查看>>
SVN的代码正确提交方法
查看>>
js框架 vue
查看>>
tomcat关闭时进程未退出
查看>>
Git分支管理策略
查看>>
kali安装软件遇到的问题&解决
查看>>
Azure系列2.1.10 —— CloudBlobClient
查看>>
【04-20】httpclient处理302重定向问题
查看>>
OpenGLes2.0 什么是Pbuffer
查看>>
Docker Java+Tomcat 环境搭建
查看>>
uoj#179. 线性规划
查看>>
bzoj 2244 [SDOI2011]拦截导弹(dp+CDQ+树状数组)
查看>>
全局方法
查看>>
DOM 获取、DOM动态创建节点
查看>>
do{...}while(0)的意义和用法
查看>>
【CJOJ】Contest4 - A+B Series
查看>>
Python中四种交换两个变量的值的方法
查看>>
ora-01033:oracle initialization or shutdown in progress 解决方法
查看>>
移动自动化相关名词解释
查看>>