伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。
css的选择器的分类不包括“超文本标记选择器”。
类选择器，比如class类型 class = "nav"的话，那么css对应.nav{}；
ID选择器，比如 id="name"，那么css对应 #name{}；
要设置div外边框颜色，可以使用CSS样式表中的border属性。border属性可以设置四个值，分别是边框宽度、边框样式、边框颜色和边框圆角。因此，要设置外边框颜色，只需要在border属性中指定颜色值即可。比如，可以使用border: 2px solid red;来设置2像素宽的红色实线边框。
如果要设置不同的边框颜色，可以使用border-top、border-right、border-bottom和border-left属性分别指定不同的边框颜色值。
此外，还可以使用CSS伪类选择器来设置鼠标悬停时的边框颜色，例如:hover。
手机淘宝页面的布局设置主要涉及以下几个方面：1. 响应式布局：手机淘宝页面需要适应不同尺寸的手机屏幕，因此需要使用响应式布局。可以使用CSS的媒体查询（@media）来设置不同屏幕尺寸下的样式，比如设置不同屏幕宽度下的页面宽度、字体大小等。2. 分栏布局：手机淘宝页面通常会采用分栏布局，将内容分为多个区域，比如头部导航、轮播图、商品列表等。可以使用CSS的flexbox布局或者grid布局来实现分栏布局。3. 导航菜单：手机淘宝页面一般会有头部导航菜单，可以使用CSS的flexbox布局或者grid布局来设置导航菜单的布局，同时使用CSS的伪类选择器（:hover）来设置鼠标悬停效果。4. 图片布局：手机淘宝页面中通常会有大量的商品图片，可以使用CSS的flexbox布局或者grid布局来设置图片的布局，可以使用CSS的max-width属性来控制图片的宽度，保证在不同屏幕上显示正常。5. 样式设置：除了布局设置，手机淘宝页面还需要注意设置合适的样式，比如设定合适的字体大小、颜色，设置按钮的样式、hover效果等。可以使用CSS的属性选择器（:hover）来设置鼠标悬停效果，使用CSS的过渡效果（transition）来实现平滑的过渡。以上是手机淘宝页面布局的一些常见设置方法，具体要根据具体设计需求和目标来确定。
手机淘宝页面布局设置步骤如下：
打开淘宝，点击【我的淘宝】。
点击右上角【设置】图标。
进入设置界面后，选择【模式切换】。
选择模式切换后，再选择【标准模式】即可变回原来的布局。