多个ul怎么定义不同css?


多个ul怎么定义不同css?

相同的元素,定义不同的css,只需要活用选择器就可以实现了。

1、给ul命名,id class都行,例如

<ul id="myul">
<ul class="myul">

CSS中就是把ul换成相应的名字:(注意空格)

div #myul{} //id 或者 div ul#myul{}
div .myul() //class 或者 div ul.myul{}

(相关课程推荐:css视频教程

2、属性值选择器,给ul添加不同的html属性值,例如:

<ul title="one"></ul>
<ul title="two"></ul>

CSS中定义样式:

ul[title="one"]{}
ul[title="two"]{}

这种属于不常用的,还有很多不常用的选择器类别。基本上按照后代选择器+命名的方法,元素几乎都能单独调用。

例如:

<body>
    <div>
        <p><p>
    </div>
</body>

CSS中给p元素添加样式:

p{} //因为文档中只有一个p元素,所以我可以大胆的直接使用元素的名称
div p{} //规范的写法,这样能表明是在那个父级元素下的指定元素,
        //配合命名方法,意思就是在指定名字1的父级元素之下的指定名字为2的某个元素。
Image placeholder
前端答疑
未设置
  43人点赞

没有讨论,发表一下自己的看法吧

推荐文章
css中ul怎么定位

css中ul怎么定位css中所有的元素默认都是static定位,要改变ul的定位方式,我们只需要指定元素的cssposition属性即可。关于定位的几种方式1、static定位(普通流定位)--默认定

html怎么加载css?

有四种加载方式:行内式通过html的style属性实现,如下所示//写在body标签中 行内式嵌入式在style标签中写css样式,在body中引用//写在style标签中的css样式 p{ colo

如何调用不同css样式?

1、根据不同分辨率来调用不同css样式可以使用@media查询来根据不同分辨率调用不同css样式。使用@media查询,你可以针对不同的媒体类型定义不同的样式。@media可以针对不同的屏幕尺寸设置不

html怎么用css

html怎么用cssCSS样式只有应用到HTML元素中,样式才会产生效果。有三种方式可以把CSS样式应用到HTML元素。一、利用HTML元素的style属性,样式表作为style属性的值,该方式也称为

angular material怎么安装?

怎么安装angularmaterial?1、前期准备:npm(安装node即可),angularcli脚手架2、自建项目ngnewmy-app//my-app项目名字 nggcproject//组件名

css怎么定位?

position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默

html怎么加粗字体?

html怎么加粗字体?1、h(1~6标签)书写方式h1标签->html怎么加粗字体 h2标签->html怎么加粗字体 h3标签->html怎么加粗字体 h4标签->html怎么加粗字体 h5标签->h

div中怎么调用css?

div中怎么调用css?div中调用css样式有多种方法,比如:1、在style标签中调用css样式;2、添加class属性调用css样式;3、添加id属性调用css样式。1、DIV标签内直接应用CS

dreamweaver怎么新建css?

dreamweaver怎么新建css?1、新建一个htlm文档,在body中插入一个div,将ID命名为main2、在右侧的CSS设计器点击源的加号,选择在页面中定义3、点击选择器的加号,输入#mai

jsp里怎么写css?

jsp里怎么写css?1、在head标签内写和html加入的方式一样,在head标签之内,title标签之外写开闭标签,具体样式内容写到开闭标签之内。示例如下: .input{color:#f00;

小程序怎么用js修改css?

小程序怎么用js修改css?微信小程序和普通的前端开发有很多不同。前端开发中修改样式,js可以操作DOM,即document.getElementById(id).style.property=new

HTML怎样引入jQuery?

HTML怎样引入jQuery?jquery的引入方式有两种,一种是本地引入,一种是引入在线jquery。相关专题推荐:《jQuery教程》方式一:本地引入(这种方法要求本地有jquery.js):我们

Java Web html无法引用css?

JavaWebhtml无法引用css?javaweb中html无法引用css是因为css文件放置的位置不正确,css文件应该放在与WEB-INF同级目录,而不是WEB-INF文件夹内。(相关课程推荐:

react如何使用css?

react如何使用css?在react中使用css有以下几种方法一、全局使用app.jsimportReactfrom'react'; importRouterfrom"./router" impor

先加载css还是js?

先加载css还是js?先加载css,后加载js。因为css加载会阻塞浏览器渲染,为了打开网页白屏时间缩短,会优先选择加载css;后加载js是因为js中可能会修改dom元素,js加载会阻塞浏览器解析ht

koala如何压缩css?

koala如何压缩css?koala是一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容

为什么用CSS?

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥

【CSS全解01】CSS基础-体系化学CSS

大纲 基础部分学习占比:HTML1%`CSS19%Javascript80%`(`基础部分?%框架?%`项目?%) CSS历史 AcidTestforbrowser CSS是艺术(非逻辑,用测试经验来

nodejs怎么解析less?

nodejs怎么解析less?在cmd中使用npm中的less模块来解析less。npm(全称NodePackageManager,即“node包管理器”)是以JavaScript编写的软件包管理系统

css不同浏览器兼容性问题怎么解决?

css不同浏览器兼容性问题的解决方案1.浏览器CSS样式初始化由于每个浏览器的css默认样式不尽相同,所以最简单有效的方式就是对其进行初始化,相信很多朋友都写过这样的代码,在所有CSS开始前,先把ma

css怎么适配不同分辨率屏幕?

这种情况下,固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性,其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。我们可以使用CSS实现改变浏览器显示宽度从而实现布局的网页宽度动态改变

不一样的css,sass(scss)的基本使用

前言此文主要记录sass的scss语法的基本使用。sass是css的预编译器,它扩展一些css所没有的变量的定义、条件控制、循环、自定义方法等。基础内容1.变量/*scss*/ //声明变量 $pri

如何合并多个js和css文件?

如何合并多个js和css文件?(1)G.js文件~function(){ window.G={}; G.Method={ add:function(){ alert(111); }, sub:func

css让div显示不同内容

css让div显示不同内容思路:1、使用nth-of-type伪类选择器选择不同的div;2、使用::before伪类元素添加不同内容即可。(相关课程推荐:css视频教程) Document

Kubernetes 基础信息:什么是 Kubernetes?

简介 Kubernetes(常简称为K8s,在希腊语意为“舵手”或“驾驶员”)是用于自动部署、扩展和管理容器化(containerized)应用程序的开源系统。 由JoeBeda、BrendanBur